@charset "utf-8";
@import url(common.css);

/*-------------------------------리뉴얼임시반영코드*/
/*플로팅 배너*/
.floating-banner{width: 230px; height: 230px;  z-index: 100; position: fixed; border-radius: 50%; box-shadow: 0 3px 9px rgba(0, 0, 0, 19%); right: 60px; bottom: 60px;}
.floating-banner img{ width: 100%;}
.floating-banner .floating-close{cursor: pointer; position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; background: #F8F8F8;  box-shadow: 0 3px 9px rgba(0, 0, 0, 15%); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.floating-banner .floating-close i{padding: 0; color: #939393;}
/*공통*/
.renewal .main-color{color: #4C77BC !important; font-weight: 700 !important;}
.renewal .main-color-bg{background: #4C77BC !important;}
.renewal .gray-color{color: #9EA4A9; font-weight: 500 !important;}
.renewal .gray-sub-color{color:#757A8A;}
.renewal .white-color{color: #fff !important;}
.renewal .gray-color-small{color: #9EA4A9 !important; font-weight: 400; }
.renewal .red-color{color: #F75967 !important;}
.renewal .blue-color{color: #548DFC !important; font-weight: 700 !important;}
.renewal .black-color{color: #545969 !important; font-weight: 700 !important;}
.renewal .toss-color{color: #0064FF;}
.renewal .main-black-color{color: #202122 !important; font-weight: 700 !important;}
.renewal .gray-back-color{background: #F8F9FB;}
.renewal .sub-back-color{background: #F7F9FD !important;}
.renewal .white-back-color{background: #fff !important;}
.renewal .blue-color-bg{background: #548DFC !important;}
.renewal .toss-color-bg{background: #0064FF !important;}
.renewal .bg-none{background: none !important;}
.renewal .f-bold{font-weight: 700;}
.renewal .f-medium{font-weight: 400 !important;}
.renewal .f-light{font-weight: 300 !important;}
.renewal .f-small{font-size: 13px;}
.renewal .f14{font-size: 14px;}
.renewal .f15{font-size: 15px;}
.renewal .f17{font-size: 17px;}
.renewal .f24{font-size: 24px;}
.renewal .f-underline{text-decoration: underline; font-size: 15px; cursor: pointer;}
.renewal .text-center{text-align: center;}
.renewal .text-right{text-align: right;}
.renewal i{display: inline-block; margin: 0; padding-left: 4px; text-align: center; vertical-align: middle; font-size: 14px; color: #545969;}
.renewal i.fa-rotate{cursor: pointer;}
.renewal .w20{width: 20%;}
.renewal .w42{width: 42%;}
.renewal .w48{width: 48%;}
.renewal .w100{width: 100% !important;}
.renewal .p45{padding: 45px;}
.renewal .p0-45{padding: 0 45px;}
.renewal .p20-0{padding: 20px 0;}
.renewal .p10{padding: 10px;}
.renewal .p15{padding: 15px;}
.renewal .p20{padding: 20px;}
.renewal .p30{padding: 30px;}
.renewal .p30-45{padding: 30px 45px;}
.renewal .p25-20{padding: 25px 20px;}
.renewal .p40-20{padding: 40px 20px;}
.renewal .p30-20{padding: 30px 20px;}
.renewal .p20-30{padding: 20px 30px;}
.renewal .p10-40{padding: 10px 40px;}
.renewal .p-l0{padding-left: 0 !important;}
.renewal .p-l7{padding-left: 7px;}
.renewal .p-l20{padding-left: 20px;}
.renewal .p-l30{padding-left: 30px !important;}
.renewal .p-t0{padding-top: 0 !important;}
.renewal .p-t10{padding-top: 10px;}
.renewal .p-t20{padding-top: 20px;}
.renewal .p-b0{padding-bottom: 0 !important;}
.renewal .p-b20{padding-bottom: 20px !important;}
.renewal .m30-0{margin: 30px 0;}
.renewal .m-r6{margin-right: 6px !important;}
.renewal .m-r10{margin-right: 10px !important;}
.renewal .m-r20{margin-right: 20px;}
.renewal .m-r30{margin-right: 30px;}
.renewal .m-l8{margin-left: 8px;}
.renewal .m-r15{margin-right: 15px;}
.renewal .m0{margin: 0 !important;}
.renewal .m-b0{margin-bottom: 0 !important;}
.renewal .m-b3{margin-bottom: 3px;}
.renewal .m-b5{margin-bottom: 5px;}
.renewal .m-b10{margin-bottom: 10px;}
.renewal .m-b15{margin-bottom: 15px;}
.renewal .m-b20{margin-bottom: 20px !important;}
.renewal .m-b25{margin-bottom: 25px;}
.renewal .m-b30{margin-bottom: 30px;}
.renewal .m-b40{margin-bottom: 40px;}
.renewal .m-t0{margin-top: 0 !important;}
.renewal .m-t10{margin-top: 10px !important;}
.renewal .m-t20{margin-top: 20px !important;}
.renewal .m-t30{margin-top: 30px;}
.renewal .card20{border-radius: 20px;}
.renewal .w100-percent{width: 100%;}
.renewal .border-radius{border: 1px solid #F4F5F7; border-radius: 10px;}
.renewal .border-line{border: 1px solid #dbdde1 !important;}
.renewal .border-line-top{border-top: 1px solid #F4F5F7;}
.renewal .border-line-bottom{border-bottom: 1px solid #F4F5F7;}
.renewal .border-line-none{border: none !important;}
.renewal .display-block{display: block;}
.renewal .display-inline-block{display: inline-block;}
.renewal .display-flex{display: flex; justify-content: space-between; align-items: center;}
.renewal .display-grid{display: grid; height: 100%;align-content: space-between;}
.renewal .height65{height: 65px;}
.renewal .height100{height: 100%;}
.renewal .height-auto{height: auto !important;}
.renewal .text-overflow{overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.renewal .text-lineheight{line-height: 1.5;}
.renewal .text-indent{text-indent: -8px; padding-left: 8px;}
/*공통*/
.renewal .common-all-box{display: inline-block; width: 100%;}
.renewal.renewal-bg-gray{background: #F4F5F7; padding-bottom: 200px;}
.renewal .head-title{background: #F4F5F7; overflow: hidden; display: flex;  width: 100%;  height: 200px;text-align: center; align-items: center; justify-content: center;}
.renewal .card{background: #fff; border-radius: 10px; box-shadow: 0 3px 9px rgba(0,0,0,0.06); overflow: hidden;}
.renewal .w1000{max-width: 1000px; width: 100%; margin: 0 auto;}
.renewal .w1200{max-width: 1200px; width: 100%; margin: 0 auto;}
.renewal .w1300{max-width: 1300px; width: 100%; margin: 0 auto;}
.renewal .w1500{max-width: 1500px; width: 100%; margin: 0 auto;}
.renewal img{ vertical-align: middle; margin-bottom: 2px;}
.renewal a{ display: inline-block;  width: inherit;}
.renewal .company-ju {font-family: 'Malgun Gothic', sans-serif !important;}
/*공통 : 상단 헤더, 탭*/
.renewal .head-title p{font-weight: 500; margin-bottom: 8px; font-size: 18px;}
.renewal .head-title h2{color: #202122; font-size: 30px;}
.renewal .head-title .m-head-title-icon{display: none;}
.renewal .tab-menu-title{height: 80px; border-bottom: 1px solid #E9ECEF;}
.renewal .tab-menu-title .tab-box{ text-align: center; height: 5em; line-height: 5em;}
.renewal .tab-menu-title .tab-box a{ height: 100%;display: inline-block;font-size: 20px; color: #9EA4A9; padding: 0 10px; padding-bottom: 22px;}
.renewal .tab-menu-title .tab-box .active-a{ font-weight: 700; color: #545969; border-bottom: 4px solid #545969;}
.renewal .tab-active{display: block;}
.renewal .tab{display: none;}
.renewal .tab-active{display: block;}
.renewal .contents-title{background: #FBFCFF; font-size: 18px; font-weight: 500;}
.renewal .icon{width: 25px; height: 25px; margin-right: 4px; display: inline-block;}
.renewal .icon img{width: 100%;}
.renewal .sub-icon{width: 35px; height: 35px; display: inline-block;}
.renewal .big-icon{width: 40px; height: 40px;display: inline-block;}
.renewal .main-big-icon{width: 45px; height: 45px; display: inline-block;}
.renewal .common-all-box .display-flex{align-items: baseline !important;}
/*공통 : 작품 리스트 썸네일*/
.renewal .goods-thumbnail.display-flex{ justify-content: flex-start !important; margin-bottom: 10px;}
.renewal .goods-thumbnail .goods-img .box{overflow: hidden; background: #F4F5F7;; display: inline-block; width: 85px; height: 85px; border-radius: 5px;}
.renewal .goods-thumbnail .goods-img .box img{width: 150%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.renewal .goods-thumbnail .goods-img-caption{max-width: 700px; width: 100%; padding:0 10px;}
.renewal .goods-thumbnail .goods-img-caption .artist,
.renewal .goods-thumbnail .goods-img-caption .piece{color: #9EA4A9; font-size: 14px;}
.renewal .goods-thumbnail .goods-img-caption .artist,
.renewal .goods-thumbnail .goods-img-caption .piece span{font-weight: 400;}
.renewal .goods-thumbnail .goods-img-caption .arttitle{font-size: 17px; font-weight: 600;margin-top: 3px;overflow: hidden;}
.renewal .goods-thumbnail .goods-img-caption .piece{ font-size: 16px; margin-top: 10px;}
.renewal .withdrawal-button{background: #4C77BC; color: #fff !important; max-width: 140px !important; height: 50px;}
/*공통 : 텍스트들*/
.renewal .contents-title.text-space{padding: 0 10px;}
.renewal .side-text-contents{font-weight: 400; color: #757A8A; line-height: 1.5; margin: 15px 0;}
/*공통 : 유의사항*/
.renewal .invest-notice .title i{font-size: 13px; vertical-align: middle; margin-right: 3px; color: #4C77BC !important;}
.renewal .invest-notice ul li{ color: #757A8A; font-weight: 400; text-indent: -6px; padding-left: 6px; line-height: 1.5; margin-bottom: 6px;}
/*공통 : 내역 없을 경우*/
.renewal .list-no-contents{text-align: center; background: #fff; height: 200px; display: flex; align-items: center; justify-content: center;}
.renewal .list-no-contents p{color: #757A8A;}
/*공통 : 더보기 버튼*/
.renewal .more-button{cursor: pointer; max-width: 250px;height: 60px; line-height: 60px; text-align: center; border: 1px solid #DBDDE1; width: 100%; background: #F4F5F7; border-radius: 10px; margin: 0 auto 60px;}
.renewal .more-button span{font-size: 14px;}
/*.renewal .more-contents{ display:none; }*//*임시가림*/
/*공통 : 자세히 보기 버튼*/
.renewal .list-detail-button{display: flex; align-items: center; justify-content: center; height: 45px; font-size: 15px; width: 100%; }
/*공통 : 모달*/
.modal.renewal-modal{overflow: hidden; background: #fff; width: 100%; box-shadow: 0 0 10px #00000047; border-radius: 10px; padding: 0;}
.modal.renewal-modal a.close-modal{display: none !important;}
.renewal .title-top{ margin: 20px 0 40px 0; font-size: 20px; font-weight: 700; line-height: 1.4;}
.renewal .contents-text-list{border-bottom: none !important; background: none !important; margin: 30px 0;}
.renewal .contents-text-list .display-flex:last-child{margin-bottom: 0 !important;}
/*공통 : 버튼*/
.renewal .button-both-side a:first-child,
.renewal .button-both-side .button:first-child{margin-right: 10px;}
.renewal .button-both-side a,
.renewal .button-both-side .button{font-size: 16px; background: #e9ecef; color: #757A8A; width: 100%; max-width: inherit;  height: 60px; border-radius: 10px; text-align: center; line-height: 60px;}
.renewal .button{transition: all 0.2s ease-in; color: #545969; cursor: pointer; border-radius: 5px; max-width: 220px;  width: 100%; margin: 0 auto; border: none; font-size: 15px; font-weight: 500; font-family: 'Pretendard', 'Roboto','Malgun Gothic', sans-serif;}
.renewal .button-one-type{max-width: inherit; height: 60px; border-radius: 10px;}
.renewal .sub-button-bg{background: #E1ECFF;}
.renewal .side-button{background: #E1ECFF; max-width: 100px;  width: 100%; margin: initial; height: 40px;}
.renewal .close-button{background: #e9ecef !important; color: #757A8A !important; font-size: 16px; font-weight: 600 !important;}
.renewal .disabled-button{background: #DBDDE1 !important; border: none !important; font-weight: 500 !important; color: #9EA4A9 !important; pointer-events : none;}
/*공통 : 일정 영역 박스*/
.renewal .document-box{height: 40px; line-height: 40px;}
/*공통 : 셀렉,인풋 박스*/
.renewal .select-box{border: none; font-size: 16px; font-weight: 700;}
.renewal .input-box{margin: 10px 0; padding: 0 20px; font-size: 16px; font-weight: 600; border-radius: 30px; border: 1.5px solid #9EA4A9; height: 55px; width: 100%; background: #F8F9FB;}
.renewal .input-sub-box{padding: 0 20px; font-weight: 600; font-size: 16px; border-radius: 10px; border: 1.5px solid #9EA4A9; height: 50px; background: #F8F9FB; width: 100%;}
.renewal .input-sub-box.disabled{background: #F8F9FB !important; color: #9ea4a9 !important; border: 1px solid #d4d7d9 !important;}
/*공통 : 검색*/
.renewal .product-search{height: 45px; width: 100%; max-width: 400px; position: relative;}
.renewal .product-search input{ background: #f1f3f5; border: none; height: 45px; width: 100%; border-radius: 10px; padding-left: 45px; padding-right: 15px; font-size: 16px;}
.renewal .product-search .search-btn{position: absolute; height: 45px; background: none; left: 0; border: none; width: 45px; z-index: 1;}
.renewal .product-search .search-btn i{color:  #9EA4A9;}
/*공통 : 일정 높이 넘어가면 스크롤*/
.renewal .height-overflow-scroll{max-height: 360px; overflow-y: scroll; height: auto;}
/*공통 : 파일찾기*/
.renewal .insert.display-flex{justify-content: flex-start !important;}
.renewal .insert .file-list{height: 50px !important; overflow-y: scroll; display: inline-block; border-radius: 5px; background: #f2f6ff;max-width: 200px;width: 100%;}
.renewal .insert .all-file{ display: inline-block; width: 100%; max-width: 100px; border-radius: 5px; height: 50px; text-align: center; line-height: 50px;}
.renewal .insert .file-list .filebox {  margin-bottom: 8px;   white-space: nowrap !important; font-size: 14px;}
/*공통 : 이미지 가운데 정렬*/
.renewal .margin-auto-img{max-width: 200px; width: 100%; margin: 20px auto;}
.renewal .margin-auto-img img{width: 100%;}
/*공통 : 모달 안 튤팁*/
.renewal .tooltip-text {color: #939AA1; display: none; position: absolute;	width: auto; margin: 5px 10px; max-width: 400px; border: 1px solid #EAEDF0; box-shadow: 0 3px 9px rgb(0 0 0 / 14%); border-radius: 5px;padding: 20px;font-size: 15px; background: #fff; line-height: 1.6;}
.renewal .tooltip:hover .tooltip-text { display: block;}
/*공통 : 에러 메세지*/
.renewal .error-message{margin-bottom: 10px; display: inline-block;}
/*공통 : 체크박스*/
.renewal .chk-box {  max-width: fit-content;  display: block; position: relative; padding-left: 25px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.renewal .chk-box input[type="checkbox"] { display: none; }
.renewal .chk-box .on { width: 24px; height: 24px; transition: all 0.2s ease-in; background: #E9EBEF; position: absolute; top: 0; left: 0; border-radius: 50%; background-image: url('/images/fo/svg/chk_box_check.svg'); }
.renewal .chk-box input[type="checkbox"]:checked + .on { background: #4C77BC; }
.renewal .chk-box .on:after { content: ""; position: absolute; display: none; }
.renewal .chk-box input[type="checkbox"]:checked + .on:after { display: block; }
.renewal .chk-box .on:after { width: 100%; height: 100%;    background-repeat: no-repeat;  background-image: url('/images/fo/svg/chk_box_check.svg'); position: absolute;  }
.renewal .chk-box .chk-text{ display: inline-block; height: 24px; line-height: 24px; padding-left: 6px; font-size: 16px; font-weight: 600;}

/*증권청약-거래내역*/
.renewal .card-ing{box-shadow: 0 3px 9px rgb(0 0 0 / 14%);}
.renewal .history-title{font-size: 17px;}
.renewal .history-title-ing{color: #9EA4A9; font-weight: 400;}
.renewal .possession .goods-thumbnail{width: 100%}
.renewal .possession .more-contents{margin-bottom: 35px;}
.renewal .quantity ul{width: 100%;}
.renewal .quantity ul li p.left{width: 45px;}
.renewal .quantity ul li:first-child{margin-bottom: 4px;}
/*증권청약-거래내역-법인회원 corporate-member*/
.renewal .contract{display: none;}
.renewal .corporate-member .contract{display: block !important; height: 35px; line-height: 35px;}
.renewal .corporate-member .contract .button{max-width: 70px; height: 35px; margin: inherit;}
.modal.renewal-modal .contract-section{margin: 25px 0;}
/*청약수량입력 모달*/
.renewal .input-number{position: relative;height: 33px;}
.renewal .input-number input {font-size: 20px;color: #4C77BC;font-weight: 600;font-family: 'Pretendard', 'Roboto','Malgun Gothic', sans-serif;width: 210px; border: none;border-bottom: 2px solid #e9ecef; padding-bottom: 10px;position: relative;background: none;z-index: 5;}
.renewal .input-number input:focus { outline: none; }
.renewal .input-number span { display: block; position: absolute; bottom: 0;left: 0%; background-color: #4C77BC;width: 0;height: 2px;border-radius: 2px;transition: 0.5s;}
.renewal .input-number label { position: absolute; color: #9EA4A9; font-size: 20px; bottom: 8px; transition: all .2s;left: 0;}
.renewal .input-number input:focus ~ label,
.renewal .input-number input:valid ~ label {color: #fff;}
.renewal .input-number input:focus ~ span,
.renewal .input-number input:valid ~ span {width: 100%;position: relative; z-index: 10;top:-2px; width: 210px;}
.renewal .input-number-quantity{color: #757A8A;}
/*상세내역*/
.renewal .history-detail .back-box{ border: 2px solid #DBDDE1; background: #F4F5F7; cursor: pointer; border-radius: 5px; width: 45px;  line-height: 40px; height: 45px;}
.renewal .history-detail .tab-menu-title{display: flex; align-items: center; font-size: 20px !important;}
.renewal .history-detail .possession .goods-thumbnail{margin-bottom: 0;}
.renewal .history-detail .goods-thumbnail .goods-img .box{  width: 140px; height: 140px; border-radius: 0; background: none;}
.renewal .history-detail .goods-thumbnail .goods-img .box img{width: 100% !important;}
.renewal .history-detail .contents-title{font-size: 16px;}
.renewal .history-detail .contents-text-list{margin: 0;}
.renewal.renewal-modal .side-title{font-size: 22px;}
.renewal .history-detail .detail-top{background: none;}
/*투자현황*/
.renewal .investstatus-detail .goods-img{background-color: #FBFBFB; border-radius: 5px;display: flex;}
.renewal .investstatus-detail .goods-img .box{ overflow: hidden; padding: 15px;}
.renewal .investstatus-detail .button-both-side{margin: 20px 0;}
.renewal .investstatus-detail .button-both-side .button{height: 50px; line-height: 50px; border: 1px solid #D4D7D9;}
.renewal .investstatus-detail .button-both-side .button:first-child{background: #F8F9FB !important;}
.renewal .investstatus-detail .button-both-side .button:last-child{background: #B7CDF3; border-color: #B7CDF3;;}
.renewal.renewal-modal .map-area{width: 100%; max-width: 400px; height: 200px; overflow: hidden;}
.renewal .investstatus-detail .contract-icon{width: 50%; text-align: right;}
/*마이페이지*/
.renewal.mywallet .w1000 .height600{height: 600px;}
.renewal.mywallet .w1000 .height600 .left,
.renewal.mywallet .w1000 .height600 .left .card{height: 100%;}
.renewal.mywallet .w1000 .height600 .left{width: 58%; position: relative;}
.renewal.mywallet .w1000 .height600 .left .invest-test{width: 100%; border-top: 1px solid #e9ecef; height: 100px; padding: 0 45px; line-height: 80px; position: absolute; bottom: 0;}
.renewal.mywallet .w1000 .height600 .right{width: 40%;}
.renewal.mywallet .w1000 .title-top{margin: 10px 0 25px 0;}
.renewal.mywallet .w1000 .mypage-menu-contents a{ width: 120px; height: 99px; margin-right: 10px;}
.renewal.mywallet .w1000 .mypage-menu-contents .card{width: 100%; height: 99px; display: grid; justify-items: center; align-content: center;}
.renewal.mywallet .w1000 .mypage-menu-contents a:last-child{margin-right: 0;}
.renewal.mywallet .w1000 .button-both-side a{height: 50px; font-weight: 600; line-height: 50px; color: #545969;; background: #E9ECEF; border: 1px solid #D4D7D9;}
.renewal.mywallet .mypage-main .user .user-name{font-size: 20px; font-weight: 400;padding-right: 5px; line-height: 1.3;}
.renewal.mywallet .mypage-main .user i{font-size: 24px;}
.renewal.mywallet .mypage-main .user .profile-icon{width: 50px; height: 50px; display: flex; justify-content: flex-end; align-items: center;}
.renewal.mywallet .mypage-main .wallet-balance{margin:45px 0;  text-align: center;}
.renewal.mywallet .wallet-button{height: 55px; border-radius: 10px; font-size: 18px; font-weight: 700;}
.renewal.mywallet .wallet-button.deposit-button{color: #fff; height: 65px; width: 100%; max-width: 100%;}
.renewal.mywallet .wallet-button.withdraw-button{margin: 0; max-width: 160px; width: 100%;}
.renewal.mywallet .mypage-main .top-title{font-weight: 400; margin-bottom: 6px;}
.renewal.mywallet .mypage-main .account .f-underline{font-size: 18px !important;}
.renewal.mywallet .mypage-main .account{display: flex; align-items: center;  margin-left: -4px;}
.renewal.mywallet .mypage-main .account-money{font-size: 28px; color: #202122; margin: 10px 0 30px 0;}
.renewal.mywallet .mypage-main .account-money i{font-size: 24px; color: #202122; vertical-align: baseline;}
.renewal.mywallet .mypage-main .bank{overflow: hidden; vertical-align: middle; display: inline-block; border-radius: 50%;width: 25px;height: 25px;background: #868e96;}
.renewal.mywallet .mypage-main .bank img{width: 100%; vertical-align: top;}
.renewal.mywallet .mypage-main .bank-number{font-size: 18px; vertical-align: middle;}
.renewal.mywallet .before-deposit{width: 100%;}
.renewal.mywallet .before-deposit input{width: 68%; margin-right: 2%;}
.renewal.mywallet .before-deposit .wallet-button{ width: 27%; background: #E1ECFF;}
.renewal.mywallet .invest-notice{background: #F9FBFF !important;}
.renewal.mywallet .corporation-mypage .display-flex{ align-items: flex-start !important;}
.renewal.mywallet .corporation-mypage .corporation-hello-img{display: block; margin-bottom: 40px;}
.renewal.mywallet .wallet-not{text-align: center; padding-top: 60px;}
.renewal.mywallet .wallet-not p{line-height: 1.5;}
.renewal.mywallet .wallet-not-button{display: inherit; max-width: 360px !important;}
.modal.renewal-modal.browser-size-modal .scrollbar-height{height: 160px !important;}
.renewal .scrollbar-height-long{height: 250px !important;}
/*마이페이지-지난공동구매 없을시 스타일*/
.renewal .pastGoodsNo{ height: 600px; display: flex; flex-wrap: wrap; align-content: space-between;}
.renewal .pastGoodsNo .card,
.renewal .pastGoodsNo .mypage-menu-contents{width: 100% !important;}
.renewal .pastGoodsNo .mypage-menu-contents{margin-bottom: 0 !important; height:30%;}
.renewal .pastGoodsNo .card{height: 65%;}
.renewal .pastGoodsNo .mypage-menu-contents a,
.renewal .pastGoodsNo .mypage-menu-contents a .card{height: 100% !important;}
.renewal .pastGoodsNo .pastGoodsNo-button{display: block !important;; margin-top: 60px; line-height: 45px; background: #E9ECEF;border-radius: 10px; height: 45px; text-align: center;}
/*지갑 모달*/
.modal.renewal-modal .wallet-adress-form .side-button,
.modal.renewal-modal .wallet-nh-form .side-button{height: 50px; width: 90px; border-radius: 10px;}
.modal.renewal-modal .wallet-adress-form .number-line{margin: 0 5px;}
.modal.renewal-modal .wallet-adress-form .input-password-box{background: #E2EDFF; border: 1px solid #9EA4A7;}
.modal.renewal-modal .wallet-nh-form .all-file{display: inline-block; height: 50px; text-align: center; line-height: 50px;  border-radius: 5px;}
.modal.renewal-modal .scrollbar-height-long .scroll-in{font-size: 14px;}
.modal.renewal-modal .scrollbar-height-long .scroll-in table{width: 100%; margin: 4px 0;}
.modal.renewal-modal .scrollbar-height-long .scroll-in table tr>td:first-child{ background: #e9ecef; width: 30%;}
.modal.renewal-modal .scrollbar-height-long .scroll-in table tr td{padding: 10px; border: 1px solid #dbdde1; text-align: center;}
.modal.renewal-modal .scrollbar-height-long .scroll-in table tbody tr th{text-align: center; border: 1px solid #dbdde1;}
/*청약수량입력/청약확인/청약완료*/
.renewal .quantity-step{max-width: 450px;}
.renewal .quantity-next-step{max-width: 600px;}
.renewal .quantity-step .goods-thumbnail .goods-img-caption{padding-right: 20px;}
.renewal .quantity-step .goods-thumbnail .goods-img .box{background: none !important; width: 50px; height: 50px;}
.renewal .quantity-step .goods-thumbnail .goods-img .box img{width: 100%;}
.renewal .quantity-step .goods-thumbnail .goods-img-caption .amount{font-size: 26px;}
.renewal .quantity-step .unit-button .button{ font-weight: 600; margin-right: 10px !important;  height: 45px; border-radius: 10px; width: 75px; margin: inherit;}
.renewal .quantity-step .unit-button .button:last-child{color: #757A89; margin-right: 0 !important; border: 1px solid #E8ECEF;}
.renewal .quantity-step .unit-button .button:last-child i{color: #757A89 !important;}
.renewal .quantity-step .unit-button.display-flex{  justify-content: flex-start;}
/*공통 : 청약하기 버튼 바텀시트*/
.renewal .subscription-button-bottom .button{font-size: 16px; max-width: inherit; height: 55px; border-radius: 10px;}
.renewal .quantity-step .que{cursor: pointer;  width: 50%;text-align: right;}
.renewal .quantity-step .anw {display: none;overflow: hidden; width: 100%;}
.renewal .quantity-step .que .arrow-top {display: none;}
.renewal .quantity-step .que .arrow-bottom {display: block;}
.renewal .quantity-step .que.on .arrow-bottom {display: none;}
.renewal .quantity-step .que.on .arrow-top {display: block; }
.renewal .quantity-step .anw.accordion i{color: #B1B8C0 !important;}
.renewal .quantity-step .anw.accordion .accordion-in{padding: 20px; border-radius: 10px; background: #FAFAFA;}
.renewal .quantity-step .anw.accordion .accordion-in .chk-box .on{ background: #FAFAFA;  background-image: url(/images/fo/svg/chk_box_check_gray.svg);}
.renewal .quantity-step .anw.accordion .accordion-in .chk-box .on:after{ background-image: url('/images/fo/svg/chk_box_check_blue.svg');}
.renewal .quantity-step .chk-box-terms .display-flex{height: 40px;}
.renewal .quantity-step .anw.accordion .accordion-in .chk-text-bottom .display-flex{height: 30px !important; padding-left: 15px;}
.renewal .quantity-next-step .goods-thumbnail .goods-img .box{width: 90px; height: 90px; padding: 6px;}
.renewal .quantity-next-step .card{box-shadow: none;}
.renewal .quantity-last-step .goods-thumbnail{ text-align: center;}
.renewal .quantity-last-step .goods-thumbnail .goods-img .box{width: 140px; height: 140px; margin-bottom: 10px;}
/*-------------------------------리뉴얼임시반영코드*/


/*토스전용 화면*/
.toss-private .buy-btn{
    border:none;
    width:100%;
    position: fixed;
    bottom:20px;
}
p.toss-login-notice{display: none; font-size: 12px; color: #868e96; margin-top: 100px;}
.toss-emailjoin{padding-top: 30px;}
.toss-emailjoin .member-head{display: none;}
/*토스 적합성 테스트 동의 모달*/
.compatibility-test-modal{bottom: -160px !important;; max-width: 350px; width: 100%; padding: 30px !important; z-index: 10; border-radius: 40px !important;  left: 50%; transform: translate(-50%, -50%); position: absolute !important;}
.compatibility-test-modal .mo-top-bar{ position: absolute; top: 15px; left: 50%; transform: translate(-50%, -50%); height: 5px; background: #E7E7EC; border-radius: 5px; width: 100%; max-width: 60px;}
.compatibility-test-modal h1{text-align: left; line-height: 1.3; font-size: 20px; margin: 10px 0 30px 0; }
.compatibility-test-modal button{margin-bottom: 15px; width: 100%; border-radius: 15px; border: none; height: 50px; font-size: 16px; background: #99A4BE; color: #fff;}
.compatibility-test-modal button a{color:#fff;}
.compatibility-test-modal button.toss-button-active{background: #00153A;}
.compatibility-test-modal a.toss-close-x-btn{font-weight: 400;  color: #868e96; text-align: center; width: 100%; display: inline-block;}
.compatibility-test-modal .label--checkbox {cursor: pointer;}
.compatibility-test-modal label{font-size: 16px; color: #868e96; font-weight: 400;}
.compatibility-test-modal .checkbox { display: table-caption; position: relative; margin: 0 1.8rem 10px 0; cursor: pointer; border: none;  opacity: 1 !important;}
.compatibility-test-modal .contents .contents-in{margin: 20px 0 30px 0; text-align: left;line-height: 40px;}
.compatibility-test-modal .checkbox:after { content: ""; position: absolute; top: 0; left: 0; width: 1.1rem; height: 1.1rem; background: #fff;cursor: pointer;}
.compatibility-test-modal .checkbox:before {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 1rem;
    background: none;
    border: 2px solid #f2f2f2 !important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: 0.5rem;
    border-color: #e9ecef !important;
    border-top-style: none !important;
    border-right-style: none !important;
}
.compatibility-test-modal .checkbox:checked:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: 0.5rem;
    border-color: #548DFC !important;
    border-top-style: none !important;
    border-right-style: none !important;
}



.que{position: relative;cursor: pointer;}
.anw {display: none;}
.anw::before {display: inline-block;}
.que .arrow-top {display: none;}
.que .arrow-bottom { display: block;}
.que.on .arrow-bottom {display: none;}
.que.on .arrow-top { display: block; }
.arrow-wrap {
    position: absolute;
    top: 50%;
    right: 30px;
    background: #343A40;
    transform: translate(0, -50%);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-weight: 500;
}

/*카카오페이 제휴작품 추가*/
p.kakaopay{letter-spacing: -0.7px; background: #FFEB00; border-radius: 5px;position: absolute; bottom: 10px; left: 10px; padding: 3px 8px; font-weight: 600; font-size:14px;}
p.kakaopay>img{ width: auto !important; vertical-align: inherit; display: inline-block}
p.kakaopay-detail{margin-top: 20px; position: inherit; display: inline-block; vertical-align: super;}
p.kakaopay-detail>img{vertical-align: middle;}

/*카카오페이 제휴작품 모달*/
article.kakaopay-modal{max-width:700px; width:100%;}
article.kakaopay-modal .body h1{ font-size:26px; border-bottom:1px solid #e9ecef; padding-bottom:20px; margin-top:8px;}
article.kakaopay-modal .body .step-img{max-width: 400px; margin:20px auto 30px; width:100%;}
article.kakaopay-modal .body .step-img img{ width:100%;}
article.kakaopay-modal .body p.text{font-size:14px; font-weight:500; margin-bottom:20px;}
article.kakaopay-modal .body p.text span.line-kakao{font-weight:700;  position: relative; z-index: 1;}
article.kakaopay-modal .body p.text span.line-kakao::before{background-color: #FFEA80;height: 0.44rem;bottom: -0.05rem;left: 0;width: 100%;margin: 0 auto;z-index: -1;position: absolute;content: '';}
article.kakaopay-modal .body p.kakao-btn-in{margin-top:40px; height:60px; padding:0px 10px;}
article.kakaopay-modal .body p.kakao-btn-in button.kakako-btn{background: #FFEB00; }
article.kakaopay-modal .body p.kakao-btn-in button{height:60px; width:48%; border-radius: 8px; border: none;  background: #CED4DA; }
article.kakaopay-modal .body p.kakao-btn-in button a{letter-spacing: -1.8px; line-height:60px; font-size:16px; font-weight:900; display: inline-block; width:100%; height:inherit;}
article.kakaopay-modal .body p.kakao-btn-in button.left{float:left;}
article.kakaopay-modal .body p.kakao-btn-in button.right{float:right;}

/*조각거래 잠정중단 안내 팝업 추가*/
article#marketClosedNoticeModal{
    position: fixed;
    top: 50%;
    max-width:440px !important;
    left: 50%;
    z-index: 10000;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
article#marketClosedNoticeModal img{width:100%;}
article#marketClosedNoticeModal .modal-yes-btn{margin:30px auto 0; background: #001639; border-radius: 10px; height:60px; max-width: 300px;}
article#marketClosedNoticeModal .modal-yes-btn p{font-size:16px; color:#fff; font-weight:400; padding: 0px; line-height: 60px;}

/*공동구매 상세페이지 수수료 추가*/
.tooltip i{color: #4386F9;}
article.ownership-bottom section.top span.tooltip i{color:#FFDE02;}
.detail-texts >li .detail-texts-name1 .tooltip-box{display: inline-block;}
.detail-texts >li .detail-texts-name1 .tooltip-box .tooltip{position: relative !important;}
.detail-texts >li .detail-texts-name1 .tooltip-box .tooltip .tooltip-text{
    display: none;
    position: absolute;
    right: 100%;
    bottom: 100%;
    padding: 10px;
    width: 350px;
    background: #f9fafc;
    border: 1px solid #e9ecef;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 9px rgb(52 58 64 / 6%);
    box-shadow: 0 3px 9px rgb(52 58 64 / 6%);
    color: #868e96;
    font-size: 12px;
    font-weight: 300;
    text-align: left;
    line-height: initial;
    letter-spacing: -0.2px;
}
.detail-texts >li .detail-texts-name1 .tooltip-box .tooltip .tooltip-text strong.h1{display:block; font-size:14px; font-weight: 500; margin-bottom: 5px; color: #E85555; }
.detail-texts >li .detail-texts-name1 .tooltip-box .tooltip .tooltip-text span.text{
    font-size: 12.5px !important;
    margin-bottom: 5px;
    margin-left: 10px;
    display: inline-block;
    text-indent: -5px;
    line-height: 19px;
    color: #495057;
}
.detail-texts >li .detail-texts-name1 .tooltip-box .tooltip .tooltip-text span.text strong.strong{font-size:12.5px !important; font-weight: 600; display: inline; color: #495057;}
.detail-texts >li .detail-texts-name1 .tooltip-box .tooltip .tooltip-text span.text-accent{
    font-size:12px !important;
    padding: 7px 15px;
    margin-left: 0px;
    margin-top: 10px;
    background: #e9ecef;
    text-indent: -4px;
    color: #e85555;
}

li.detailMypage-btn{ display: inline-block; padding: 2px 6px; background: #4386F9; border: none; border-radius: 5px; float:right;}
li.detailMypage-btn a{color: #fff; display:block; font-size:13px; font-weight:400;}

/*mypage-accordion 21.11.16*/
li.accordion.open .arrow i{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor:pointer;
}
li.accordion .arrow{margin-left:3px; color:#868E96; font-size: 10px;}

li.accordion .contents-box{
    display:none;
    position: absolute;
    background:#f9fafc;
    padding: 20px 30px;
    width:100%;
    left:0;
    border-bottom: 2px solid #e9ecef;
    z-index: 1;
    margin-top: 6px;
}
li.accordion .contents-box .tooltip-box{
    position: absolute;
    top: -2px;
    left: 70px;
    color: #868E96;
    font-size: 14px;
    font-weight: 400;
    word-break: keep-all;
    cursor: pointer;
}
#marketTotal .tooltip-box{
    position: absolute;
    left:130px;
    top:-2px;
    color: #868E96;
    font-size: 14px;
    font-weight: 400;
    word-break: keep-all;
}
li.accordion .contents-box .tooltip-box .tooltip .tooltip-text-tip{
    top: 10px;
    z-index: 10;
    height: auto;
    line-height: 18px;
    max-width: 160px;
    bottom: inherit !important;
    right: inherit !important;
}

li.accordion .contents-box .tooltip-box .tooltip i,
#marketTotal .tooltip-box .tooltip i{color: #4386F9;}

li.accordion .contents-box .tooltip-box .tooltip,
#marketTotal .tooltip-box .tooltip {
    position: relative;
    display: inline-block;
    margin-left: 2px;
    font-size: 14px;
    vertical-align: middle;
}
li.accordion .contents-box .tooltip-box .tooltip .tooltip-text,
#marketTotal .tooltip-box .tooltip .tooltip-text{
    display: none;
    position: absolute;
    right: 100%;
    bottom: 100%;
    padding: 10px;
    width: 220px;
    background: #f1f3f5;
    border: 1px solid #e9ecef;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 9px rgb(52 58 64 / 6%);
    box-shadow: 0 3px 9px rgb(52 58 64 / 6%);
    color: #868e96;
    font-size: 12px;
    font-weight: 300;
}

li.accordion .contents-box ul li span.space{padding-left:10px;}
li.accordion .contents-box ul li.margin{margin-bottom:8px !important;}
li.accordion .contents-box ul li.margin{font-size:15px;}
li.accordion .contents-box ul li span.text-right span{font-weight:500;}
li.accordion .contents-box ul li.margin span.text-left{font-weight:500; color:#343a40;}
li.accordion .contents-box ul li span.text-left{color: #868E96; position: relative;}

input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
textarea{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.mypage-question-center .center-text .center-t .pagination{padding:20px 0px; margin-bottom:30px;}
.mypage-question-center .center-text .center-t .pagination ul{ widht:90%; margin: 0 auto;}
.mypage-question-center .center-text .center-t .pagination ul li:last-child{margin-right:0px;}

body{overflow-x:hidden;}
.main_slide{position: relative;}

.main_slide .bxslider{
    width:100%;
    background-size:cover;
}
.main_slide .bxslider li img{width:100%}
.slick-arrow{border:1px solid #ccc;}

#bx-pager{
    position: relative;
    width:100%;
    height:90px;
    border-bottom:1px solid rgb(214, 214, 214);
    background:#fff;
    padding:15px 0;
}
.bx-sliders-in{
    position: relative;
    max-width:1400px;
    width:90%;
    margin:0 auto;
}
.main-side-btn .lbtn{
    position: absolute;
    top:13px;
    left:-55px;
    width:60px;
    height:30px;
    background:url(/images/fo/mainprev.png)no-repeat;
}
.main-side-btn .rbtn{
    position: absolute;
    top:13px;
    right:-55px;
    width:60px;
    height:30px;
    background:url(/images/fo/mainnext.png)no-repeat;
}
#bx-pager .main-slide-text{
    max-width:1100px;
    width:100%;
    margin:0 auto;
    border-left:1px solid rgb(214, 214, 214);
}
#bx-pager .main-slide-text a{
    position:relative;
    display:inline-block;
    width:19.7%;
    border-right:1px solid rgb(226, 226, 226);
    padding-left:40px;
    line-height:25px;
    font-size:15px;
    font-weight: 400;
}
#bx-pager .main-slide-text a.active:after{
    position: absolute;;
    top:-15px;
    content:'';
    left:0;
    width:100%;
    height:3px;
    background:#4bb7e2;
    z-index:33;
}
#bx-pager a.active{color:#4bb7e2;}

.news-letter-btn{
    position:absolute;
    right:0%;
    top:100px;
    width:155px;
    height:60px;
    background:#000;
    color:#fff;
    font-size:11px;
    font-weight:500;
    line-height:70px;
    padding-left:53px;
    letter-spacing: 3px;
    cursor: pointer;
    z-index: 8;
}
.news-letter-btn:before{
    position: absolute;
    top:14px;
    left:13px;
    content:'';
    background:url(/images/fo/email.png)no-repeat;
    width:40px;
    height:40px;
    background-size:100%;
}
.news-letter-cont{
    position:relative;
    position:absolute;
    top:80px;
    right:-100%;
    width:500px;
    height:340px;
    background:#fff;
    padding:50px 40px;
    border:1px solid rgb(202, 202, 202);
    z-index:9;
}
.news-letter-cont span{font-weight:400;}
.news-letter-cont h1{
    position: relative;
    font-size:25px;
    letter-spacing:2px;
    padding-left:55px;
}
.news-letter-cont h1:after{
    position: absolute;
    content:'';
    top:-18px;
    left:5px;
    width:40px;
    height:50px;
    background-size:100%;
}
.news-letter-text{
    font-size:13px;
    line-height:26px;
    margin-top:25px;
    margin-bottom:30px;
    font-weight:400;
}
.news-letter-cont .news-letter-close{
    position: absolute;;
    top:20px;
    right:20px;
    cursor: pointer;
}
.news-letter-close:hover{
    animation: circle .3s ;
    -webkit-animation: circle .3s ;
    -moz-animation: circle .3s ;
    -ms-animation: circle .3s ;
    -o-animation: circle .3s ;
}
.news-letter-box{margin-bottom:50px;}
.main-cont4 .main-blog .main-more-plus {top: -3px;}
.news-letter-box input#newsletter_main{
    width:280px !important;
    border:none;
    border-bottom:1px solid rgb(206, 206, 206);
}
.news-letter-box .news-btn {
    width: 130px;
    height: 38px;
    background: #4bb7e2;
    border: none;
    color: #fff;
    letter-spacing: 3px;
}
.question{
    position: relative;
    padding:2px 7px;
    background:rgba(65, 158, 195, 0.3);
    border-radius:50%;
    color:#fff;
    font-weight:400;
    font-size:10px;
    margin-left:10px;
    cursor: pointer;
}
.question-cont{
    display:none;
    position:absolute;
    top:-5px;
    left:20px;
    width:300px;
    padding:10px 15px;
    background:#fff;
    border:1px solid rgb(240, 240, 240);
    font-size:10px;
    line-height:18px;
    color:gray;
}
.question:hover .question-cont{display:block;}

@keyframes circle{
    0%{
        transform:rotate(0deg);
    }100%{
         transform:rotate(360deg);
     }
}
-webkit-@keyframes circle{
            0%{
                transform:rotate(0deg);
            }100%{
                 transform:rotate(360deg);
             }
        }
-moz-@keyframes circle{
         0%{
             transform:rotate(0deg);
         }100%{
              transform:rotate(360deg);
          }
     }
-ms-@keyframes circle{
        0%{
            transform:rotate(0deg);
        }100%{
             transform:rotate(360deg);
         }
    }
-o-@keyframes circle{
       0%{
           transform:rotate(0deg);
       }100%{
            transform:rotate(360deg);
        }
   }

.main-cont{
    max-width:1200px;
    width:90%;
    margin:150px auto;
}
.main-cont h2{font-size:24px;}
.main-cont1{margin-top:150px;}

.progress,.progress1{
    display: block;
    width: 100%;
    height: 2px;
    overflow: hidden;
    background-color: #f5f5f5;
    background-image: linear-gradient(to right, black, black);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
    margin-top:50px;
}
.main-cont2 .content .sliders1,
.main-cont1 .content .sliders{margin:0 20px;}
.main-cont1 img,.main-cont2 img{width: 100%;}
.main-cont1 .cont1-text{
    border:1px solid #E4E4E4;
    border-top:none;
}
.main-cont1 .cont1-text .cont1-state li,.goods-state li{
    float:left;
    color:#fff;
    padding:3px 4px 5px 4px;
    font-size:11px;
}

.rental-detail-right-after .goods-state{width: 100%; height: 20px;}
.rental-detail-right-after .goods-state li{font-size: 12px; font-weight: 400;width:50px; height: 20px; padding: 0px; background: #F8A19F !important; text-align: center; }
.rental-detail-right-after .goods-state li.yellow{background: #e1e5e8 !important;  color: #adb5bd !important;}

.op5-2{opacity: 0.2;}
.op5{opacity: 0.3;}

article.cont2_re{max-width: 1200px;width: 100%;margin: 0 auto;}
.auctions-re .auctions-cont{ width: 100%;height: 100px; margin-bottom: 30px; border: 1px solid #e9ecef; overflow: hidden;}
.auctions-re .auctions-cont .Acont{width: 50%;float: left;}
.auctions-re .auctions-cont .Acont-left{width: 60%;}
.auctions-re .auctions-cont .Acont-left .Acont-img{ width: 15%; height: 100px;float: left;}
.auctions-re .auctions-cont .Acont-left .Acont-img img{height: 100%;}
.auctions-re .auctions-cont .Acont-left .Acont-img-hover{position: absolute; z-index: 100; width: 300px; height: auto; display: none;}
.auctions-re .auctions-cont .Acont-left .Acont-img-hover img{width: 100%;}
.auctions-re .auctions-cont .Acont-right{width: 40%;}
.auctions-re .auctions-cont .Acont-right .Right_Acont-text{width: 80%;background: #f8f9fa;border-left: 1px solid #e8ecef;height: 100px;float: left;}
.auctions-re .auctions-cont .Acont-left .Left_Acont-text{ width: 85%; background: #fff;height: 100px;float: right;}
.auctions-re .auctions-cont .Acont .Left_Acont-text,
.auctions-re .auctions-cont .Acont .Right_Acont-text{padding: 20px;}

.auctions-re .auctions-cont .Acont .Acont-text-left{ width: 50%;height: 100%;float: left;}
.auctions-re .auctions-cont .Acont .Left_Acont-text .Acont-text-left h1{padding-top: 0px;}
.auctions-re .auctions-cont .Acont .Right_Acont-text .Acont-text-right {text-align: right;}
.auctions-re .auctions-cont .Acont h1{font-size: 14px;letter-spacing: -0.56px;font-weight: 500;color: #343a40;padding-top: 10px;}
.auctions-re .auctions-cont .Acont p{font-size: 13px;color: #868e96;font-weight: 400;padding-top: 2px;letter-spacing: -0.72px;}
.auctions-re .auctions-cont .Acont h2{font-size: 12px; letter-spacing: -0.82px; font-weight: 400; color: #343a40;}
.auctions-re .auctions-cont .Acont .Acont-text-left p.krw-orange{font-size: 14px; font-weight: bold; color: #f75467;}
.auctions-re .auctions-cont .Acont .Acont-text-right{width: 50%;height: 100%;float: left;text-align: left;}
.auctions-re .auctions-cont .Acont .cont-viewbtn{width: 20%; height: 100px;background: #81031c; float: right;}
.auctions-re .auctions-cont .Acont .cont-viewbtn a{ display: block; width: 100%; height: 100px; color: white; text-align: center; line-height: 100px; letter-spacing: -1px;font-size: 14px;font-weight: bold;}

.selector-box-tab ul li a.selected i{color: #81031c;}
article.auctions-total-re .total{width: 100%; float: right; padding-top: 14px; padding-top: 20px;margin-top: 20px;margin-bottom: 20px; }
form.re-search{height: 40px; max-width: 340px !important; width: 100%;}
form.re-search input{  border-radius: 50px; background: #f1f3f5; border: none; padding-left: 20px; height: 40px !important; width: 100% !important; max-width: 340px !important; right: 0;}
form.re-search button.search-btn{ position: absolute !important; color: #000; height: 40px; padding-right: 20px; background: none;}
section.auctions-main{ width: 100%; height: 200px; background: #330d00; text-align: center; }
section.auctions-main #auctions-main{position: relative; overflow: hidden; width: 100%; height: 200px; background: #330d00; text-align: center;}
section.auctions-main #auctions-main:before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;background: url(/images/fo/auctionMain.png) no-repeat center center;background-size: cover;-ms-background-size: cover; -o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;opacity: 0.2;}
section.auctions-main #auctions-main h1{color: white; font-size: 32px;letter-spacing: -1.28px; line-height: 200px;}

#tab1 .auctions-re .auctions-cont{margin-bottom: 20px;}
article.auctions-tabmeun_re .auctions-solting-search{margin-bottom: 10px;}
article.auctions-tabmeun_re .selector-box-tab ul{height: 50px;}
article.auctions-tabmeun_re .selector-box-tab ul>li{height: 50px;}

.auctions-re .auctions-cont .Acont .cont-finishbtn{background: #fff; cursor: default;}
.auctions-re .auctions-cont .Acont .cont-finishbtn a{ color: #adb5bd; font-weight: 400; text-align: center; display: block; text-align: center; line-height: 100px;letter-spacing: -1px;font-size: 14px; cursor: default;}

.pagenation{font-weight: 400;}
section.product-page-re .pagenation{margin-top: 50px;}
.hover-auctions-re{width: 300px;position: absolute; z-index: 100;}
.hover-auctions-re img{ width: 100%; display: none;}

.number_re{ cursor: pointer; width: 49%; margin-right: 2%; margin-bottom: 2%; height: 100px; float: left; border: 1px solid #e9ecef; background: #fff; overflow: hidden; }
.number_re:nth-child(2n){margin-right: 0px;}
.number_re .number-img{ border-right: 1px solid #e9ecef; max-width: 100px; width: 100%; height: 100px; background: #e9ecef; float: left;}
.number_re .number-img>img{width:100%;}
.number_re .number-img div{ width: 25%; height: 25px;float: left; box-sizing: border-box; overflow: hidden;}
.number_re .number-img div img{height: 100%;}
.number_re .number-text{height: 100px; float: left; width: 65%; padding: 20px; }
.number_re .number-text .Acont-text{width: 100%;}
.number_re .number-text .Acont-text .Acont-text-left{float: left; margin-top: 10px;}
.number_re .number-text .Acont-text .Acont-text-left h1{font-size: 14px;color: #343a40; font-weight: 600; letter-spacing: -0.56px;}
.number_re .number-text .Acont-text .Acont-text-left h1>span.number{ margin-right:5px;  color: #81031c;font-size: 13px;font-weight: 500;}
.number_re .number-text .Acont-text .Acont-text-left p{font-size: 14px; color: #868e96; font-weight: 500; letter-spacing: -0.52px; margin-top: 5px;}
.number_re .number-text .Acont-text .Acont-text-right{ float: right; text-align: right;}
.number_re .number-text .Acont-text .Acont-text-right h1{font-size: 15px; color: #868e96;font-weight: 400; line-height: 55px; letter-spacing: -0.52px;}
.number_re .number-text .Acont-text .Acont-text-right h1>span{font-weight: 600; color: #343a40;letter-spacing: 0px;}
.number_re .number-text .Acont-text .Acont-text-right h3{float: right; display: block; width: 100px; height: 100px;}

.re-red{color: #F75467;}
.bg-gray { background: #F4F5F7; }
.member-head{display: table; width: 100%; height: 200px; text-align: center; }
.member-head .title { display: table-cell; font-size: 32px; font-weight: 700; vertical-align: middle; text-align: center; letter-spacing: -1.44px; color:#343a40;}

section#auction-number .member-head{position: relative;overflow: hidden; width:100%; height:200px; background:#330d00; text-align: center;  }
section#auction-number .member-head:before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;background: url(/images/fo/auctionMain.png) no-repeat center center;background-size: cover;-ms-background-size: cover; -o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;opacity: 0.2;}
section#auction-number .member-head h1{z-index:1; position: relative; font-size: 32px; line-height: 200px; letter-spacing: -1.28px; color: #fff; font-weight: bold;}

article.auctions-number{margin: 60px auto 120px;}
#tab1 .product-list> li:hover{box-shadow: none;}
#tab1 .product-list> li{border: 1px solid #e9ecef;}
#tab1 .product-list> li div.auctions-img-a{width: 100%; background: #f5f8fa;}
#tab1 .product-list> li div.auctions-img-a a{width: 100%;}
#tab1 .product-list> li div.auctions-img-a a>div{width: 25%; float: left; height: 90px; overflow: hidden;}
#tab1 .product-list> li .auctions-number-text{padding: 20px 0; border: none; border-bottom: 5px solid #81031c; height:200px;}
#tab1 .product-list> li .auctions-number-text .product-state-auctitons p.auctionNumbers{color: #81031c; font-weight: 500; font-size: 14px; letter-spacing: -0.52px;}
#tab1 .product-list> li .auctions-number-text .product-state-auctitons p.numberText{ padding-top: 3px; margin-bottom: 5px; color: #343a40; font-weight: 400; font-size: 13px; letter-spacing: -0.82px;}
#tab1 .product-list> li .auctions-number-text .product-state-auctitons p.numberText span{font-size: 16px; text-align: right; float: right;}
#tab1 .product-list> li .auctions-number-text .product-state-auctitons h1{ text-overflow: ellipsis;  white-space: nowrap; overflow: hidden;color: #343a40; font-size: 22px; letter-spacing: -0.72px; font-weight: 500; margin-bottom: 10px;}
#tab1 .product-list> li .auctions-number-text .product-state-auctitons h3{font-size: 14px; float: right; width: 80px; height: 30px; text-align: center;border-radius: 3px; background: #f5f8fa; line-height: 30px; color: #adb5bd; margin-top: 10px;}
#tab1 .product-list> li .auctions-number-text .product-state-auctitons h3.auction-ings{background:#81031c; color:#fff;}

.number_re .number-Btn{width: 16%; height: 100%;text-align: center; background: #f5f8fa; float: right; line-height: 100px; font-size: 14px; color: #868e96; font-weight: 400;}
.number_re .number-Btn-ings{background:#81031c;}
.number_re .number-Btn-ings a{color:#fff !important;  cursor: pointer !important;}
.number_re .number-Btn a{display: block; cursor: default;color: #adb5bd; font-size: 14px; font-weight: 500;}

#tab1 .pr2oduct-list li.ing .product-text{border: none !important;}
#tab1 .product-list li.ing .product-text .auctions-name{height:50px;  padding: 20px 20px 0; color: #343a40; font-size: 22px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#tab1 .product-list li.ing .product-text .auctions-about{font-size: 16px; color: #868e96; font-weight: 400; letter-spacing: -0.82px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#tab1 .product-list li.ing .product-text .product-state{padding: 0 20px;}
.product-page .product-list .product-state .auctions-time{color: #343a40; font-weight: 600; font-size: 16px; text-align: right; letter-spacing: -0.82px;}
.product-page .product-list .product-state .auctions-state{color: #868e96; font-size: 13px; letter-spacing: -0.82px; margin-top: 5px;}
.product-page .product-list .product-state .auctions-state-size{padding: 0 0 20px;}
.product-page .product-list .product-state .auctions-state span{color: #212529; font-size: 14px; font-weight: 400;}
.product-page .product-list .product-state .auctions-state-now{color: #343a40; padding: 10px 0 0;}
.product-page .product-list .product-state .auctions-state-now span{font-size: 16px; font-weight: 500; color: #81031c;}
.product-page .product-list .product-text .auctions-box{background: #81031c;}
.product-page .product-list .auctions-box-finish{cursor: default !important; border-top: 1px solid #e8ecef !important; border: none;}
.product-page .product-list .auctions-box-finish a{color: #adb5bd; font-size: 16px; cursor: default;}

.preView{ background: #f5f8fa; width:100%;}
.preView .preView-in{max-width: 1200px; margin: 0 auto; width: 100%;}
.preView .preView-in>div{text-align: left; padding: 30px; letter-spacing: -0.54px;}
.preView .preView-in>div:nth-child(1){ width: 30%; float: left; }
.preView .preView-in>div:nth-child(1) h1{color: #343a40; font-size: 16px; margin-bottom: 2px; }
.preView .preView-in>div:nth-child(1) h2{font-size: 15px; color: #868e96; font-weight: 500; }
.preView .preView-in>div:nth-child(2){font-size: 14px; letter-spacing: -0.52px;width: 50%; float: left; }
.preView .preView-in>div:nth-child(2) p{margin-bottom: 5px; color: #81031c; font-weight: 600; font-size: 14px;}
.preView .preView-in>div:nth-child(2) p>span{ margin-left: 10px; color: #343a40; font-weight: 400;}
.preView .preView-in>div:nth-child(2) h3{color: #868e96; font-size: 12px; font-weight: 400;}
.preView .preView-in>div:nth-child(3){width: 20%; float: left; }
.preView .preView-in>div:nth-child(3) p{ line-height: 22px; font-size: 13px; color: #868e96; font-weight: 400;}
.preView .preView-in .preView-day{font-size:26px; font-weight:500; color:#343a40; letter-spacing:-0.72px; text-align:right;}

.auctionList-box{width:90%; max-width:1200px; margin: 20px auto 0px;}
.auctionList-box .leftList{float: left; color:#fff; line-height:35px; display:inline-block; padding:0px 12px;height: 35px; border-radius: 3px; background:#343a40;  }
.auctionList-box .leftList a{display:block;}
.auctionList-box .leftList i{ margin-right:5px;font-size:15px;}
.auctionList-box .leftList p{float:right; font-size:15px; font-weight:500; letter-spacing:-0.82px; }
.auctionList-box .rightList{float:right;}
.auctionList-box .rightList li{float:left;height:35px; line-height:35px;}
.auctionList-box .rightList li.prev,.auctionList-box .rightList li.next{cursor:pointer; height:35px; background: #e9ecef; border-radius:3px; padding:0px 10px; }
.auctionList-box .rightList li i{font-size:14px; padding:2px; color:#343a40;}
.auctionList-box .rightList li span.text{font-size:14px; color:#343a40; font-weight:400; letter-spacing:-0.52px;}
.auctionList-box .rightList li.prev{margin-right:10px;}
.auctionList-box .rightList li.next{margin-left:10px;}
.auctionList-box .rightList li.current{padding:0px 5px; }
.auctionList-box .rightList li.current select.select_normal{    margin-bottom: 5px; color: #343a40; font-size:13px; height:35px; background:#fff; border: 1px solid #e9ecef; }
.auctionList-box .rightList li.current span.total{font-size:14px; color:#868e96; font-weight:400;}

.detailRight .detail-right-text .lot-number{font-size: 24px; color: #81031c; font-weight: bold; letter-spacing: -0.96px; }
.detailRight .detail-right-text .product-name{ letter-spacing: -1.28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 700; font-size: 30px; padding: 10px 0 5px;}
.detailRight .detail-right-text .product-about{ font-size: 16px; color: #868e96; letter-spacing: -0.56px; padding: 0px 0 20px; }
.detailRight .detail-right-text .productT{ font-size: 15px; color: #343a40; letter-spacing: -0.6px; line-height: 22px; font-weight: 400;}

.detailRight .detaileTexts{border-top: 1px solid #e8ecef; border-bottom: 1px solid #e8ecef;  margin: 20px 0;}
.detailRight .detaileTexts>li{font-family: 'Pretendard', 'Roboto','Malgun Gothic', sans-serif; height: 45px; line-height: 45px;}
.detailRight .detaileTexts>li span.detail-texts-name{font-size: 15px; color: #343a40; font-weight: 400; letter-spacing: -0.6px;}
.detailRight .detaileTexts>li span.detail-texts-name1{font-size: 20px; letter-spacing: -0.8px;}
.detailRight .detaileTexts>li span.detail-texts-name1-color{font-size: 22px; color: #f75467;}
.detailRight .detaileTexts p{font-size: 12px; letter-spacing: -0.48px; font-weight: 400; color: #868e96; text-align: right;}

.detailRight ul.auctionTime{padding: 30px 0;}
.detailRight ul.auctionTime li span.detail-texts-name{line-height: 27px; font-size: 15px; color: #343a40; font-weight: 400; letter-spacing: -0.6px;}
.detailRight ul.auctionTime li span.detail-texts-name1{font-size: 30px; font-weight: 500; color: #495057; letter-spacing: -0.96px; float: right;}

.detailRight .btn-area .auctions-finish-btn{background: #e1e5e8 !important; color: #adb5bd; cursor: default;}
.detailRight .btn-area .auctions-buy-btn{ font-size: 20px; font-weight:600; letter-spacing: -0.8px; background: #81031c; max-width: 350px;}
.detailRight .btn-area .share-btn{background: #e9ecef; border: none;}
.detailRight .btn-area .share-btn i{font-size: 30px;}

.detailRight .btn-auctions-no{width:100%; margin-top:15px;}
.detailRight .btn-auctions-no li.btn-auctions-no-text{line-height: 20px; width:60%; float:left; font-size:13px; font-weight:400; color:#343a40; letter-spacing:-0.72px;}
.detailRight .btn-auctions-no li.btn-auctions-no-btn{cursor:pointer;width:40%; max-width:200px; float:right; background: #343a40; border-radius:3px; height:40px;}
.detailRight .btn-auctions-no li.btn-auctions-no-btn a{cursor:pointer; font-size:14px; color:#fff; text-align:center; line-height: 40px;display: block; font-weight:400;}

article#auctionsModal section.body h1{font-size: 19px; letter-spacing: -0.72px; font-weight: 500;}
article#auctionsModal section.body p{font-size: 14px; font-weight: 400; letter-spacing: -0.52px; text-align: left;max-width: 565px; margin: 0 auto 0px;}
article#auctionsModal section.body p:nth-child(9){margin-bottom: 45px;}
article.current-modal section.body p:nth-child(9){margin-bottom: 0px !important;}
article#auctionsModal section.body div.modal-yes-btn{margin-top: 30px; width: 100%; max-width: 565px; background: #81031c; height: 60px;}
article#auctionsModal section.body div.modal-yes-btn p{line-height:60px; text-align: center; font-size: 18px; letter-spacing: -0.72px; font-weight: 500;}
article#auctionsModal section.body input{text-indent: -20px; border: 1px solid #e9ecef; text-align: center; max-width: 200px; width: 100%; height: 45px;}
article#auctionsModal section.body .agree-cont-in{line-height: 15px; height: 20px; max-width: 565px; margin: 10px auto; padding: 0px;}
article#auctionsModal section.body .agree-cont-in label{ font-size: 12px; color: #343a40; letter-spacing: -0.62px; float: left;}
article#auctionsModal section.body .agree-cont-in span.look-detail{font-weight: 500;color: #343a40;font-size: 12px;letter-spacing: -0.52px;}

article.current-modal section.body p{text-indent: -6px;}
article.current-modal .agree-cont-in{margin-top:30px !important; height: auto !important;}
article.current-modal .agree-cont-in p{text-indent: 0px !important; text-align: center !important; font-size:14px !important; background: #f1f3f5; padding: 10px !important; font-weight:500 !important; line-height: 22px !important;}
article.current-modal .agree-cont-in .login-keeps{ margin-top: 10px;}
article.current-modal .agree-cont-in .login-keeps label{float: none !important;font-size: 16px !important;vertical-align: bottom !important;}
article.current-modal div.modal-yes-btn{margin-top:40px !important;}

article#auctionsModal2 section.body h1{font-size: 19px; letter-spacing: -0.76px; color: #343a40;}
article#auctionsModal2 section.body>p{font-size: 16px; letter-spacing: -0.64px; color: #868e96; font-weight: 400;}
article#auctionsModal2 section.body .auctions-choice{max-width: 530px; margin: 0 auto; width: 100%; }
article#auctionsModal2 section.body .auctions-choice .auctions-choice-top{width: 100%;  height: 50px; margin-bottom: 30px;}
article#auctionsModal2 section.body .auctions-choice h2{margin-bottom:20px;background: #fff; width: 80px; font-size: 18px; letter-spacing: -0.72px; color: #343a40; font-weight: 500; text-align: left; height: 50px; line-height: 50px;}
article#auctionsModal2 section.body .auctions-choice h2.pay{margin-bottom:0px;}
article#auctionsModal2 section.body .auctions-choice .auctions-choice-top div.bid-btn{ margin-bottom: 20px; width: 70%;  float: right; height: 50px;}
article#auctionsModal2 section.body .auctions-choice .auctions-choice-top div.bid-btn input{display: none;}
article#auctionsModal2 section.body .auctions-choice .auctions-choice-top div.bid-btn input[id="bid-btn1"] + label{ color: #e9ecef; font-weight: 500; cursor:pointer; border: 1px solid #e9ecef; display: inline-block; width: 50%; height: 50px; float: left; box-sizing: border-box; text-align: center; font-size: 15px; line-height: 50px;}
article#auctionsModal2 section.body .auctions-choice .auctions-choice-top div.bid-btn input[id="bid-btn2"] + label{color: #e9ecef; font-weight: 500; cursor:pointer; border: 1px solid #e9ecef; display: inline-block; width: 50%; height: 50px; float: left; box-sizing: border-box; text-align: center; font-size: 15px; line-height: 50px;}
article#auctionsModal2 section.body .auctions-choice .auctions-choice-top div.bid-btn input:checked + label{border:1px solid #81031c; color: #81031c; cursor:pointer;}

article#auctionsModal2 section.body .auctions-choice .auctions-choice-bottom{width: 100%;  }
article#auctionsModal2 section.body .auctions-choice .auctions-choice-bottom .auctions-choice-bottom-btn{float: right; width: 70%;}
article#auctionsModal2 section.body .auctions-choice .auctions-choice-bottom input{ padding-right: 10px; text-align: right;width: 70%; height: 50px; border: 1px solid #e9ecef;  float: left; font-size: 14px; color: #343a40; font-weight: 400;}
article#auctionsModal2 section.body .auctions-choice .auctions-choice-bottom .auctions-choice-bottom-btn-box{ width: 30%; float: right; height: 50px;}
article#auctionsModal2 section.body .auctions-choice .auctions-choice-bottom .auctions-choice-bottom-btn-box button{color: #495057; letter-spacing: -0.52px; font-size: 12px; font-weight: 600;float: left;width: 50%;height: 50px; display: inline-block;vertical-align: middle; background: #f5f8fa; border: 1px solid #e9ecef; overflow: hidden;}
article#auctionsModal2 section.body .modal-yes-btn2{background: #81031c; height: 60px; max-width: 530px; width: 100%; margin: 0 auto 20px;}
article#auctionsModal2 section.body .modal-yes-btn2 a{font-size: 20px; color: #fff; letter-spacing: -0.8px; line-height: 60px; font-weight: 600; display: block;}
article#auctionsModal2 section.body .auctions-choice .choice-bottom-text{width: 100%;}
article#auctionsModal2 section.body .auctions-choice .choice-bottom-text h4{font-weight: 500; font-size: 12px; color: #868e96; letter-spacing: -0.48px;display: inline-block;width: 56%;  text-align: right;}
article#auctionsModal2 section.body .auctions-choice .choice-bottom-text p{font-size: 12px; letter-spacing: -0.62px; color: #343a40; font-weight: 400; display: inline-block; float: right;}

article#auctionsModal2 section.body .auctions-choice .auctions-choice-top h2 .reset-btn{display:inline-block;}
article#auctionsModal2 section.body .auctions-choice .auctions-choice-top p.floatright{margin-bottom:10px; font-size:16px; color:#343a40; height: 50px; line-height: 50px; text-align:right; font-weight:500; letter-spacing:-0.72px;}
article#auctionsModal2 section.body .auctions-choice .auctions-choice-top p.floatright span{color:#f75467;}

.auctions-detail-news{margin-bottom: 70px; border: none; }
.auctions-detail-news .auctions-name{border: none; background: #eae5e7; color: #81031c; font-size: 20px; letter-spacing: -0.8px; height: 50px; line-height: 50px; padding: 0px;}
.auctions-detail-news .auctionsPaper{width: 100%;border: 1px solid #e9ecef;}
.auctions-detail-news .auctionsPaper .bid-number{width: 15%; float: left; background: #f5f8fa; height: 310px;}
.auctions-detail-news .auctionsPaper .bid-number p{padding-top: 120px; font-size: 22px; color: #81031c; letter-spacing: -0.96px; text-align: center; font-weight: 600;}
.auctions-detail-news .auctionsPaper .bid-number p span.bidNumber{display:block; font-size: 28px;}
.auctions-detail-news .auctionsPaper .bid-list{width: 85%; padding: 20px; float: right; height: 280px; overflow-y: auto;}
.auctions-detail-news .auctionsPaper .bid-list section.table{ height: 100%; border-top: 2px solid #81031c;}
.auctions-detail-news .auctionsPaper .bid-list section.table .thead{ width: 100%; background: #F9FAFC; font-size: 13px; font-weight: 500; letter-spacing: -0.64px;}
.auctions-detail-news .auctionsPaper .bid-list section.table .thead .tr{border-bottom: 1px solid #E9ECEF; height: 44px;}
.auctions-detail-news .auctionsPaper .bid-list section.table .thead .tr .th{width: 25%; float: left; text-align: center; line-height: 44px;}
.auctions-detail-news .auctionsPaper .bid-list section.table .tbody{width:100%;background: #fff;font-size: 13px;}
.auctions-detail-news .auctionsPaper .bid-list section.table .tbody .tr{border-bottom: 1px solid #E9ECEF; height: 40px;}
.auctions-detail-news .auctionsPaper .bid-list section.table .tbody .tr .td{width: 25%; text-align: center; float: left; line-height: 40px; font-weight: 400; letter-spacing: -0.64px;}
.auctions-detail-news .auctionsPaper .bid-list section.table .tbody .tr .td span.mo_trblock{display: none;}
.auctions-detail-news .auctionsPaper .bid-list section.table .tbody .tr .td:nth-child(4){position: relative;}
.auctions-detail-news .auctionsPaper .bid-list section.table .tbody .tr .td span.bid-check{position: absolute; display: inline-block; margin-left: 20px;}
.auctions-detail-news .auctionsPaper .bid-list section.table .tbody .tr .td span.bid-check img{vertical-align: middle; width: 20px; height: 20px;}

.auctions-detail-news p.auction-notice{font-size: 12px; font-weight: 400; text-align: right;line-height: 18px; background:#F9FAFC; padding:20px;}

article.detailBottom .auctions-name1{border: none; background: #eae5e7; color: #81031c; font-size: 20px; letter-spacing: -0.8px; height: 50px; line-height: 50px; padding: 0px;}
article.detailBottom .auctions-detail-infor{border: 1px solid #e9ecef;}
article.detailBottom .auctions-detail-infor h1{color: #81031c; font-size: 15px; font-weight: 500; letter-spacing: -0.6px;}
.product-quick .quick-name1.active1, .product-quick .quick-name2.active1{font-weight:500; color:#81031c; }

/*product buy coupon  2.11*/
article#coupon-modal,article#coupon-modal-ok1,article#coupon-modal-ok2,article#coupon-modal-ok3,article#coupon-modal-ok4,article#coupon-modal-ok5,article#coupon-modal-ok6{
    max-width: 400px;
    width: 100%;
    font-weight: 400;
}
article#coupon-modal section.body div>p,article#coupon-modal-ok1 section.body div>p,article#coupon-modal-ok2 section.body div>p,article#coupon-modal-ok3 section.body div>p,article#coupon-modal-ok4 section.body div>p,article#coupon-modal-ok5 section.body div>p,article#coupon-modal-ok6 section.body div>p{
    font-size: 14px;
    margin-top: 20px;
    font-weight: 400;
    padding-top: 20px;
}
article#coupon-modal section.body input{
    width: 70%;
    float: left;
    font-weight: 400;
    font-size: 12px !important;
    text-indent: 5px;
}
article#coupon-modal section.body button.coupon-ok-btn-go{
    width: 29%;
    border: none;
    height: 40px;
    font-size: 12px;
    color: white;
    background: #5A8DFC;
}
/*-------------------------------------*/

.main-cont1 .cont1-text .product-name{
    font-size:24px;
    font-weight:bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:30px 0 10px 20px;
}
.main-cont1 .cont1-text .product-about{
    font-weight:bold;
    white-space: nowrap;
    overflow: hidden;
    font-size:14px;
    padding:0 20px 30px;
    color:rgb(172, 172, 172);
}
.subscription-detail-wrap .product-state{font-size:16px;}
.subscription-detail-wrap .product-state-piece{float:none;}
.subscription-detail-wrap .product-state-per{float:none;}
.subscription-detail-wrap .product-state{height:100%; padding: 0;}
.subscription-detail-wrap .product-state .product-state-situation{  position: absolute;color: #fff;left: 25px;top: 10px; font-weight: 600;}
.subscription-detail-wrap .product-state-piece{float:left;}
.subscription-detail-wrap .product-state-per{
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    color: #868e96;
    right: 18px;
    top: 10px;
}
.subscription-detail-wrap .product-state-per.persent-g-color{color:#c0cad3;}

.product-state-piece{float:left;}
.product-state-per{float:right;font-size: 16px;font-weight: 500; color: #212529;}
.subscription-detail-wrap .product-state-piece{float:none;}
.subscription-detail-wrap .product-state-per{float:none;}
.product-box{
    overflow: hidden;
    position: relative;
    width:100%;
    height:12px;
    background:#F4F5F9;
    border-radius: 10px;
}
.subscription-detail-wrap .product-box{display: none;}
.product-box-bg{
    position: absolute;
    border-radius: 20px;
    top:0;
    left:0;
    width:100%;
    height: inherit;
    background:#6ED0DE;
}
.subscription-detail-wrap .product-box-bg.circle2{background: #9396A3 !important;;}
.subscription-detail-wrap .product-box-bg.circle3{background: #6ED0DE !important;}
.subscription-detail-wrap .product-box-bg.circle4{background:#F2F3F8 !important;; }
.subscription-detail-wrap .product-state-per i.fa-circle-xmark,
.subscription-detail-wrap .product-state .xmark{color:#868E96 !important;}
.subscription-detail-wrap .product-state-per i,
.subscription-detail-wrap .circle2-state .product-state-per{color:#fff;}
.subscription-detail-wrap .circle2-state .product-state-situation{color:#F2F2F2;}
.subscription-detail-wrap .product-box-bg{ border-radius: 20px; background:#628AFF !important;}
.product-box-bg-full{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: inherit;
    background:#9396A3;
}
.subscription-detail-wrap .product-box-bg-full{ background:#9396A3 !important;}
.main-cont1 .slider li.ing .cont1-text .product-box-bg:after{
    position: absolute;
    content:'';
    width:100%;
    height:inherit;
    background-image:linear-gradient(45deg,#fff 25%,
    rgba(0,0,0,0)25%,
    rgba(0,0,0,0) 50%,
    #fff 50%,
    #fff 75%,
    rgba(0,0,0,0) 75%,
    rgba(0,0,0,0));
    opacity: 0.2;
    background-size:100%;
    background-size:30px 30px;
    animation: progress-bar .9s infinite linear;
    -webkit-animation: progress-bar .9s infinite linear;
    -moz-animation: progress-bar .9s infinite linear;
    -ms-animation: progress-bar .9s infinite linear;
    -o-animation: progress-bar .9s infinite linear;
}
.product-page-detail .detail-top .detail-right .detail-right-text .product-box .product-box-bg:after{
    position: absolute;
    content:'';
    width:100%;
    height:inherit;
    background-image:linear-gradient(45deg,#fff 25%,
    rgba(0,0,0,0)25%,
    rgba(0,0,0,0) 50%,
    #fff 50%,
    #fff 75%,
    rgba(0,0,0,0) 75%,
    rgba(0,0,0,0));
    opacity: 0.2;
    background-size:100%;
    background-size:30px 30px;
    animation: progress-bar .9s infinite linear;
    -webkit-animation: progress-bar .9s infinite linear;
    -moz-animation: progress-bar .9s infinite linear;
    -ms-animation: progress-bar .9s infinite linear;
    -o-animation: progress-bar .9s infinite linear;
}
.subscription-detail-wrap .product-page-detail .detail-top .detail-right .detail-right-text .product-box .product-box-bg:after{display: none !important;}

@keyframes progress-bar{
    0%{
        background-position: 0 100%;
    }100%{
         background-position:30px 100%;
     }
}
-webkit-@keyframes progress-bar{
            0%{
                background-position: 0 100%;
            }100%{
                 background-position:30px 100%;
             }
        }
-moz-@keyframes progress-bar{
         0%{
             background-position: 0 100%;
         }100%{
              background-position:30px 100%;
          }
     }
-ms-@keyframes progress-bar{
        0%{
            background-position: 0 100%;
        }100%{
             background-position:30px 100%;
         }
    }
-o-@keyframes progress-bar{
       0%{
           background-position: 0 100%;
       }100%{
            background-position:30px 100%;
        }
   }

.main-cont2 .sliders1 .cont2-text{
    border:1px solid #E4E4E4;
    border-top:none;
    padding:20px 20px;
}
.main-cont2 .sliders1 .cont2-text .product-name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:24px;
}
.main-cont2 .sliders1 .cont2-text .product-author{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:15px;
    color:rgb(172, 172, 172);
    padding-top:3px;
}
.main-cont2 .sliders1 .cont2-text .auction-krw{
    font-size:15px;
    padding-top:20px;
    font-weight:600;
}

.main-cont2 .sliders1 .cont2-text .auction-krw-in{
    font-size:16px;
    font-weight:500;
    padding:5px 0;
}
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./images/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.main-cont1 .slick-prev,.main-cont2 .slick-prev,
.main-cont2 .slick-next,.main-cont1 .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;

    display: block;
    width: 30px;
    height: 30px;

    /* -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); */
    cursor: pointer;
    outline:none;
    /* color: transparent;
    border: none;
    outline: none;
    background: transparent; */

}

.main-cont1 .slick-prev,
.main-cont2 .slick-prev
{
    right:39px;
    top:-50px;
    background:url("/images/fo/prev.png")no-repeat;
}
.main-cont1 .slick-next,
.main-cont2 .slick-next
{
    top:-50px;
    right: 10px;
    background:url("/images/fo/next.png")no-repeat;
}
#cpnFail_1{max-width:400px; width:100%;}
article.cpnpoint-m{max-width:400px; width:100%;}

.main-cont3{
    position: relative;
    width:100%;
    height:300px;
    background:#F5F6FC;
}
.main-rental-img{width:60%;}
.main-rental-cont{
    position: absolute;
    top:50%;
    left:55%;
    transform: translate(0,-50%);
    width:40%;
}
.main-rental-text{
    font-size:16px;
    font-weight: 400;
    margin:30px 0;
    line-height:26px;
}
.main-rental-img img{
    padding-left:100px;
    width:80%;
    padding-top:15px;
}
.at-logo{
    width:19%;
    position: absolute;
    right:0;
    bottom:0;
}

.main-cont4{
    position: relative;;
    width:100%;
    height:300px;
    overflow:hidden;
}
.main-cont4 .main-blog{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align: center;
    z-index: 5;
    color:#ffff;
    line-height:25px;
    font-size:14px;
}
.main-blog-text{margin:20px 0;}
.main-more{
    font-size:14px;
    position: relative;
    color:#000;;
}
.main-blog .main-more{color:#fff;}
.main-more-plus{
    position: absolute;
    top:-8px;
    font-size:24px;
    right:-20px;
}
.main-more:hover .main-more-plus{
    animation: circle .9s ;
    -webkit-animation: circle .9s ;
    -moz-animation: circle .9s ;
    -ms-animation: circle .9s ;
    -o-animation: circle .9s ;
}
.main-cont4 .main-blog h2{
    color:#4bb7e2;
    font-size:26px;
}
.main-cont4 img{
    width:100%;
    height:300px;
    transition:all .3s ease-in;
}
.main-cont4:hover img{transform:scale(1.04);}
.main-cont4 .black-bg{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.466);
    z-index: 2;
}
.main-cont6 h2,
.main-cont1 h2,
.main-cont2 h2{
    padding-bottom:30px;
    padding-right:20px;
    display:inline-block;
}
.main-cont5 {
    text-align: center;
    margin-top:150px;
}
.main-cont5-top{
    text-align: center;
    font-size:27px;
    height:50px;
    overflow: hidden;
}
.main-cont5-top ul{
    position: relative;;
    height:120px;
}
.main-cont5-top ul li{
    height:40px;
    letter-spacing: 2px;
    font-weight: 400;
}
.main-cont5-top ul li span{
    display:inline-block;
    padding:0 10px;
    color:#4bb7e2;
    font-weight:600;
    font-size:36px;
}
.main-cont5 .time{
    text-align: center;
    font-size:14px;
    color:rgb(194, 194, 194);
    font-weight:400;
    padding-top:20px;
    display:inline-block;
}

span.auction-now{margin-left:2px; padding: 0 3px; font-size:11px; letter-spacing:-0.72px; color: #fff; background: #F5233B; border-radius:3px; display:inline-block; font-weight:400;}

.main-auctions-box{max-width: 1200px; width: 100%;}
.main-auctions-box table{width: 100%;}
.main-auctions-box table tbody{
    width: 100%;
    height: 100px;
    max-width: 1200px;
    margin-bottom: 20px;
}
.main-auctions-box table tbody tr{
    height: 100px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    display: inline-block;
    max-width: 1200px;
    width: 100%;
}
.main-auctions-box table>tbody>tr:hover{
    background: #fdfbf2;
    box-shadow: 0px 0px 3px 3px rgba(195,195,195,0.5);
}
.main-auctions-box table tbody tr td{
    width: 15%;
    padding: 10px 0px;
    font-size:16px;
    font-weight: 300;
    display: inline-block;
}
.main-auctions-box table tbody tr td:nth-child(1){
    padding-left: 1%;
    padding-right: 2%;
    width: 9%;
    display: inline-block;
}
.main-auctions-box table>tbody>tr>td:nth-child(2){
    margin-right: 1%;
    font-weight: 600;
    color: #242424;
}
.main-auctions-box table>tbody>tr>td:nth-child(3){font-size: 16px;}
.main-auctions-box table>tbody>tr>td:nth-child(4){
    padding-left: 5%;
}
.main-auctions-box table>tbody>tr>td:nth-child(5){
    margin-left: 3%;
    text-align: center;
}
.main-auctions-box table>tbody>tr>td:nth-child(6){
    padding-right: 0px;
    margin-left: 0px;
    width: 15%;
    text-align:center;
    border: none;
    padding-left: 1.5%;
    color: #f17519;
    font-weight: 500;
}

.exchange-slide{
    position: relative;
    height:auto;
    background:#f8f8f8;
    margin-top:100px;
    padding:40px 50px;
}
.exchange-slide-left{
    width:50%;
    float:left;
    margin-top: 100px;
}
.exchange-slide-left ul.bxsliders{width: 100%;}
.exchange-slide-right {
    width:45%;
    text-align: right;
    float:right;
}
.exchange-slide-right .fadeShow-right-top{
    text-align: left;
    padding-bottom:30px;
}
.exchange-slide-right .fadeShow-right-top .profit{
    float:left;
    font-size:22px;
}
.exchange-slide-right .fadeShow-right-top .question{line-height: 30px;}
.exchange-slide .bx-pagers a{
    color:gray;
    display:inline-block;
    width:100%;
    box-shadow: 0px 0px 2px 2px rgba(195,195,195,0.5);
    margin:10px 0 0;
    padding:3% 10px;
}
.exchange-slide .bx-pagers a p{
    float:left;
    font-size:19px;
    text-align: left;
    font-weight: 400;
    padding-top:20px;
}
.exchange-slide .bx-pagers a p span:first-child{font-weight: 500;;}
.exchange-slide .bx-pagers a p:last-child{
    float:right;
    font-size:34px;
    font-weight:400;
    line-height:50px;
    color:#4bb7e2;
}
.exchange-slide .bx-pagers a.active{background:#4bb7e2;}
.exchange-slide .bx-pagers a.active p{color:#fff;}
.exchange-slide .bx-pagers a.active p span.bx-pagers-krw {color: #fff;}
.exchange-slide .bx-pagers a p span.bx-pagers-krw{
    font-size: 15px;
    color: #585858;
    display: block;
    height: 10px;
    padding-bottom: 50px;
}

.side-btns{
    position: absolute;;
    top:40px;
    right:40px;
}
.side-btns .lbtn{
    display:inline-block;
    width:30px;
    height:30px;
    background:url(/images/fo/prev1.png)no-repeat;
}
.side-btns .rbtn{
    display:inline-block;
    width:30px;
    height:30px;
    background:url(/images/fo/next1.png)no-repeat;
    margin-left:-4px;
}
.main-exchange{
    width:100%;
    height:70px;
    background:#F8F8F8;
    border:1px solid #D8D8D8;
    padding:0 20px;
    overflow: hidden;
}
.main-exchange ul li{
    float:left;
    padding-right:50px;
    line-height:70px;
    font-size:18px;
    font-weight:500;
}

div.mask{height:70px;}
div.mask ul.newsticker{height: 70px;}
div.tickercontainer{height: 70px;}

.main-exchange ul li:nth-of-type(odd){color: red;}
.main-exchange ul li:nth-of-type(even){color: blue;}
.main-exchange ul li img{padding-top:30px;margin-left:10px;}

ul.newsticker {position: relative;}
.login,.join{
    width: 90%;
    max-width:500px;
    margin:0px auto;
}
.findid{
    width: 90%;
    max-width:400px;
    margin:0px auto;
}
.login fieldset p{margin-bottom: 5px;}

.utill-label{
    position: relative;
    text-align:center;
    font-size:33px;
    border-bottom: 4px solid #212529;
    padding-bottom:30px;
    margin-bottom:20px;
}
form.join2 .utill-label{border-bottom:none; padding-bottom:0px;}

/* FIXME: mailJoin.jsp 의 userpw 와 myInfo.jsp의 userPw 가 password 로 변경되어 아래 css의 적용을 받지 않음 */
#userphone{margin-top:-1px;}

.login-keep {padding:10px 0 30px;}
.login-keep input{margin-right:5px;}
.login-keep .saveId{padding-right:10px;}
.login-keep label{
    padding-top:2px;
    font-size:11px;
    color:gray;
    font-weight:400;
}
.login-sns{
    margin:30px 0 30px;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
}
.login-sns span{
    display:inline-block;
    padding:0 10px;
    color:rgb(138, 138, 138);
    font-weight:400;
}
.login-sns hr{
    -webkit-box-flex: 1;
    flex-grow: 1;
    opacity: 0.3;
}

.login-menu li{float:left; font-weight:400;}

.login-main{
    position: relative;
}
.login-main input{
    text-indent: 10px;
    width: 100%;
    height: 40px;
}
.login-main i{
    position: absolute;
    right: 10px;
    bottom: 22px;
    color: #7e7e7e;
    font-size: 18px;
}

.hasValue{
    width:100%;
    max-width: 400px;
    height: 40px;
    text-indent: 5px;
}
p.id-card-plus span.id-card{
    display:block;
    margin-bottom: 5px;
}
p.id-card-plus span.id-card input.hasValue2{
    width: 48.3% !important;
}
p.id-card-plus span.id-card input::placeholder{
    font-size:10px;
}
p.id-card-plus span.id-card i{
    float:right;
    padding-top:20px;
}

.findid-nav{
    width:200px;
    margin:50px auto -10px;
}
.findid-nav li{
    font-size:13px;
    float:left;
    cursor: pointer;
}
.findid-nav li a{
    font-weight:100;
    color:rgb(156, 156, 156);
}
.findid-nav li a.active{
    color:#4bb7e2;
    font-weight:600;
    font-size:15px;
}
.findid-nav li:first-child{padding-right:20px;}
.findid .findid-cont-text{
    font-size:13px;
    font-weight:400;
    display:inline-block;
    padding-bottom:30px;
    padding-top:10px;
    line-height:22px;
}
.findid .findid-cont .submit-btn{margin-top:30px;}
ul.findid-cont li#tab1 p input{margin-bottom:10px;}

.join .join-btn{
    position: relative;
    width:100%;
    height:50px;
    margin-bottom:20px;
    border:1px solid #C1C1C1;
    cursor: pointer;
}
.join .join-btn:after{
    position: absolute;
    content: '';
    top:-1px;
    left:-1px;
    width:56px;
    height:50px;
    background-size:100%;
}
.join .join-btn:nth-child(2):after{background-size:100%;}
.join .join-btn:nth-child(3):after{background-size:100%;}

form.join2 p.join-text{
    font-size:13px;
    font-weight:400;
    width:100%;
    text-align: center;
    letter-spacing:0.5px;
    padding-bottom: 20px;
    margin-bottom:30px;
    border-bottom: 4px solid #212529;
}
.emailjoin .utill-label span,
.company-join .utill-label span{
    font-size:13px;
    font-weight:400;
}
.emailjoin .utill-label,
.company-join .utill-label{padding-bottom:5px;}

.require-notice{
    margin-top:-15px;
    font-size:13px;
    text-align:right;
    margin-bottom:20px;
    color:rgb(163, 163, 163);
}
.require-notice span{font-weight:800;font-size:13px;}

.emailjoin fieldset> p label,.agree-label,
.company-join-form > div >p> label{
    display:inline-block;
    font-size:14px;
}

.agree-cont{padding:20px 10px 20px 10px;}
.agree-cont-in{padding:5px;}
.agree-cont-in label{font-weight:400;}
.agree-cont hr{opacity: 0.3;margin:10px 0;}
.look-detail{
    cursor: pointer;
    float:right;
    text-decoration: underline;
    color:rgb(155, 155, 155);
    font-size:11px;
}
.agree-cont-in textarea{margin:10px 0 5px 25px; width:90%;}

.user-kakao-email{
    font-weight:500;
    font-size:15px;
    padding-left:30px;
}
.company-join-form .form{margin-bottom:8px;}
.company-join-form .form select{color:#868e96; border: 1px solid #e9ecef; border-radius: 5px; width:80%; height: 50px;}
.company-join-form .form p.left{width: 20%; height: 50px; line-height: 50px; font-size: 14px; color: #868e96;}
.company-join-form .form input{max-width: 100%;}
.company-join-form .form input.width60{width:60%;}
.company-join-form .form button.true-btn{width: 18%; float: right; background: #548dfc;color: #fff; font-size: 14px;border: none;border-radius: 5px;height: 50px;}
.company-join-form .form button.true-btn.code-btn{width:32% !important;}
.company-join-form .form button.true-btn.code-btn a{font-size:14px; color: #fff;}
.company-join-form .notice span{font-size: 13px;text-align: right;width: 100%; display: inline-block;}

.company-join-form p{margin-bottom:3px;}
.company-join{
    width:100%;
    max-width:840px;
    margin:0 auto;
}
.company-join-form{
    margin:0 auto;
    width:100%;
    max-width:840px;
}
.company-join-form > div{
    width:420px;
    margin:0 auto;
    float:left;
}
.company-join-form >div > h3{
    text-align: center;
    font-size:15px;
    margin-bottom:30px;
}
.company-join-form .company-left{border-right:1px solid rgb(190, 190, 190);}
.company-join-form .company-right{padding-left:20px;}
.company-right .gender,
.company-right .gender-1{padding-right:80px;}
.company-join .submit-btn{
    position: relative;
    top:50px;
    left:50%;
    transform:translateX(-50%);
}

section.product-main{
    width: 100%;
    background: #f3fcff;
    height: 200px;
}
.product-page,.product-page-detail {
    max-width: 1200px;
    width:90%;
    margin:60px auto 120px;
}
.product-page article:nth-child(1){margin-top:20px;}
.product-sorting{position: relative;float:left;}

.product-sorting select{
    left:0;
    width:170px;
    cursor: pointer;
    padding:10px;
    height: 40px;
    color: #4b4b4b;
}
.product-search{
    position: relative;
    float:right;
    width:250px;
    height:35px;
}
.product-search input{
    position: absolute;
    top:0;
    right:35px;
    width:200px !important;
    height:35px !important;
    outline: none;
}
.product-search button{
    position: absolute;
    top:0;right:0;
    height:35px;
    width:35px;
    font-size:13px;
    padding-top:3px;
    background:#000;
    color:#fff;
    border:none;
    outline:none;
}
.product-page .total{
    text-align:right;
    border-top:1px solid #e9ecef;
    padding-top:20px;
    margin-top:20px;
    margin-bottom:20px;
}
.product-page .total span{font-weight:bold;padding:5px;}
.product-list>li{
    float:left;
    width:30%;
    height:auto;
    margin-left:5%;
    margin-bottom:65px;
}
.product-list-goods>li{height: 490px !important; display: flex; flex-wrap: wrap; align-content: space-between;}
.product-list > li:nth-child(3n+1){margin-left:0;}
.product-list>li.ingRental{margin-right:5%; margin-left:0 !important;}
.product-list>li.ingRental:nth-child(3),
.product-list>li.ingRental:nth-child(6),
.product-list>li.ingRental:nth-child(9){margin-right:0;}
.product-list>li.ingRental-list{background: #f9fafc;}
.product-list>li.ingRental-list a{position: relative;}
.product-list>li.ingRental-list a img{width: 45% !important; position: absolute; height: auto !important;left: 30%; top: 30%;}

.product-list li a{overflow: hidden;display: inline-block;}
.product-list>li>a img{transition: all 0.8s ease;}
.product-list>li>a img:hover{transform: scale(1.5);}

.product-list li.ing a{
    width: 100%;
    display: block;
    height: 360px;
}
.product-list li.ing a img{width:100%;height: inherit;}
.product-list li div.ing{width: 100%;position: relative;}
.product-list li div.ing p.copyright{
    z-index: 1;
    position: absolute;
    bottom: 10px;
    padding-left: 10px;
    text-align: right;
    right: 10px;
    color:#868E96 !important;
    font-size:13px;
    font-weight:400;
    letter-spacing: -1.1px;
}
.product-list li div.ing ul li.product-ing{width: 100%;height: 360px; overflow: hidden;border-radius: 5px; border: 1px solid #EAECEF; background:#EFF3FF;}
.product-list li div.ing ul li.product-ing a{
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.product-list li div.ing ul li.product-ing a img{object-fit: cover; width: 170%;}

/*저작권 이슈 썸네일 수정*/
.product-list li div.ing ul li.goods-finish{background:#f9fafc;}
.product-list li div.ing ul li.goods-finish a img{opacity: 0.7;  filter: blur(10px);-webkit-filter: blur(10px);}
.product-list li div.ing ul li.goods-finish p{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 11px;
    color: #868e96;
    padding: 20px;
    max-width: 240px;
    text-indent: -8px;
    width: 100%;
    line-height: 17px;
}

.product-list li div.product-sell{position: absolute; width: 100%;top: 160px;}
.product-list li div.product-sell p.product-sell-per{text-align: center;font-size: 22px; color: #353A3E;font-weight: 700;width: 100%; }
.product-list li div.product-sell p.product-sell-per>span{color: #FF6263; font-size:16px !important;; font-weight: 500 !important; display: block;}
.product-list li div.product-sell p.product-sell-per i{color: #FF6263; margin-right:2px;}
.product-list li div.product-sell p.product-sell-text{font-size:12px; text-align:right; color:#343a40; font-weight: 400; padding: 10px; }
p.product-sell-text{font-size:12px; color:#343a40; font-weight: 400;  }
.product-list li div.ing ul li.product-finish{opacity: 0.2;}
.product-list li div.ing ul li.product-finish a img{margin-top:20% !important;}

.detail-bottom .information-disposal{background: #f9fafc !important; border-left: 1px solid #e9ecef;border-right: 1px solid #e9ecef;color: #001639 !important;font-size: 24px !important; padding: 20px !important;}
.product-list li .d-day-box{position: absolute; left: 1px; top:1px; display:flex; border-radius: 5px;  align-items: center; justify-content: center; z-index: 1;background: #6DD0DE; width: 70px; height: 70px;}
.product-list li .d-day-box .d-day{font-weight: 500; font-size: 14px; color: #fff;}

.product-text{width:100%;border-top:1px solid #e9ecef;}
.rental-list .product-text{padding:20px; height: 192px; background: #fff;}
.rental-list .product-text .goods-state{width:100%; height: 20px; margin-bottom: 10px;}
.rental-list .product-text .goods-state li{ padding: 2px 6px; background: #F8A19F; border-radius: 3px; text-align: center; font-size: 12px; font-weight: 400;  }
.rental-list .product-text .goods-state li.yellow{background: #e1e5e8; color: #adb5bd;}
.rental-list .product-text .product-name{padding:0; letter-spacing: -0.88px;font-size: 18px;font-weight: bold; color: #212529;}
.rental-list .product-text .product-about{padding: 0;font-size: 14px;color: #868e96;letter-spacing: -0.64px;line-height: 24px;font-weight: 400;}

.product-page-detail .detail-right .detail-right-text .goods-state{display:inline-block;}
.product-page-detail .detail-right .detail-right-text .goods-state li.green{background: #548dfc;}
.product-page-detail .detail-right .detail-right-text .goods-state li.blue{background: #e1e5e8;}
.product-page-detail .detail-right .detail-right-text .goods-state li{ padding: 1px 6px; background: #343a40; border-radius: 3px; letter-spacing:-0.82px; text-align: center; font-size: 12px; font-weight: 400; color: #fff;}

.product-page-detail .rental-detail-right .detail-right-text .goods-state li.green{background: #e39c9a;}
#investNoticeModal.account-open .invest-notice{width: 100% !important;;}
.invest-notice-text{width: 100%;margin-top: 20px;border: 1px solid #e9ecef;border-radius: 5px;padding: 10px;text-align: left;}
.invest-notice-text p{  line-height: 20px !important;  text-indent: -10px;   padding-left: 10px; font-size: 14px !important; font-weight: 400; letter-spacing: -0.72px; color: #868e96; }
.invest-notice-text p:nth-child(1){margin-bottom: 6px;}
.invest-notice-text p span.strong{color: #343a40; font-weight: 500;}

.product-text .goods-state li{
    float:left;
    padding:3px 4px 5px 4px;
    color:#fff;
    font-size:11px;
}
.product-text .product-name{
    font-size:25px;
    font-weight:500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:20px 15px 5px;
}
.product-text .product-about{
    font-size:14px;
    font-weight:400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px 0;
    color:rgb(145, 145, 145);
}
.product-list li .product-text .product-box-bg:after{
    position: absolute;
    content:'';
    width:100%;
    height:inherit;
    background-image:linear-gradient(45deg,#fff 25%,
    rgba(0,0,0,0)25%,
    rgba(0,0,0,0) 50%,
    #fff 50%,
    #fff 75%,
    rgba(0,0,0,0) 75%,
    rgba(0,0,0,0));
    opacity: 0.2;
    background-size:100%;
    background-size:30px 30px;
    animation: progress-bar .9s infinite linear;
    -webkit-animation: progress-bar .9s infinite linear;
    -moz-animation: progress-bar .9s infinite linear;
    -ms-animation: progress-bar .9s infinite linear;
    -o-animation: progress-bar .9s infinite linear;
}

.product-list-no p{font-weight: 300; text-align: center; margin-bottom: 5px; font-size: 13px; color: #ADB5BD;}
.product-list-no p:last-child{margin-bottom: 100px;}
.product-list-no img{
    width: 40px;
    height: 40px;
    margin: 30px;
}

.pagination{text-align: center;}
.pagination ul{font-size:0;}
.pagination li{
    display: inline-block;
    font-size:14px;
}
.pagination li:hover{font-weight:500;}

.pagination .disabled a{cursor: not-allowed;}

.product-page-detail{margin-top:80px;}
.product-page-detail .detail-top > div{float:left;}
.product-page-detail .detail-top .detail-left{position: relative; width:53%;}
.product-page-detail .detail-top .detail-left p.copyright{
    color: #adb5bd;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -1.1px;
    max-width:600px;
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
}
.product-page-detail .detail-top .detail-left .list img{width: 100%;}
.subscription-detail-wrap .product-page-detail .detail-top .detail-left p.copyright,
p.copyright{ color: #adb5bd !important; text-align: left; font-size: 13px; }
.pc-ver-display{display: none;}

.product-page-detail .detail-top .detail-left .bxslider{width: 100%;}
.product-page-detail .detail-top .detail-left .bxslider li{
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin-right: 1px;
}
.product-page-detail .detail-top .detail-right ul.notice-ul{margin-bottom: 20px;}
.product-page-detail .detail-top .detail-right ul.notice-ul li span.left{font-size: 16px; font-weight: 600; width: auto; height: 40px; line-height: 40px;}
.product-page-detail .detail-top .detail-right ul.notice-ul li span.left i{color: #f75467; font-size: 14px;}
.product-page-detail .detail-top .detail-right ul.notice-ul li button{border-radius: 20px; max-width: 180px; border: 1.5px solid #f75467; background: #F8F8F8; font-size: 14px; font-weight: 600; color: #f75467; height: 40px;}
.subscription-detail-wrap .product-page-detail .detail-top .detail-right ul.notice-ul li button{border-radius:5px; padding: 0 12px;}

.buyXtext{font-size: 14px; margin-top: 20px; width:100%;     display: inline-block;   line-height: 1.3;  color:#868e96; font-weight:300; text-align:right;}
.product-page-detail .detail-top .detail-left .bxslider li img{width:100%;}
.product-page-detail .detail-top .detail-right{width:45%;padding-left:50px;}
.subscription-detail-wrap .product-page-detail .detail-top .detail-right{padding:10px 0 10px 40px !important;}
.subscription-detail-wrap .product-page-detail .detail-top .detail-right .product-detail-title{position: relative !important;}

.product-page-detail .detail-left .bx-pager{text-align: center;margin-top:30px;}
.product-page-detail .detail-left .bx-pager a img{opacity: 0.6;}
.product-page-detail .detail-left .bx-pager a.active img{border:2px solid #4bb7e2;opacity: 1;}
.product-page-detail .side-btn{display:none;}
.detail-top .detail-left:hover .side-btn{display:block;}
.product-page-detail .detail-left .lbtn{
    position: absolute;
    top:40%;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    background:url(/images/fo/prev1.png)no-repeat;
}
.product-page-detail .detail-left .rbtn{
    position: absolute;
    top:40%;
    right:0;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    background:url(/images/fo/next1.png)no-repeat;
}
.detail-right-text .product-name{
    font-size:28px;
    font-weight: 700;
    padding: 5px 0 10px;
    letter-spacing: -0.52px;
    word-break: break-all;
}
.subscription-detail-wrap .detail-right-text .product-name{  padding:0 0 8px 0;     max-width: 400px;}
.detail-right-text .product-about{
    font-size:14px;
    font-weight:400;
    padding:0 0 30px;
    color: #868e96;
}
.detail-texts{
    border-top:1px solid #e9ecef;
    border-bottom:1px solid #e9ecef;
    padding:20px 0;
    margin:30px 0;
}
.detail-texts >li{
    height:40px;
    line-height:40px;
}
.detail-texts >li.border{border-top: 1px solid #e9ecef; margin-top: 10px; padding-top: 10px;}
.detail-texts >li .detail-texts-name{
    float:left;
    letter-spacing: -0.52px;
    font-size:15px;
    font-weight: 400;
}
.detail-texts >li .detail-texts-name1{
    float:right;
    font-size:17px;
    text-align: right;
    letter-spacing:-0.64px;
    font-weight:400;
}
.detail-texts-name1 .calculator{width: 35%; display: inline-block; }
.detail-texts-name1 .calculator .stock{vertical-align: baseline; text-align:right; font-size:16px; width:70%; height:30px; border-radius: 5px; background: #ffffff;}

.detail-texts >li .detail-texts-name1 span{font-size:13px;color:rgb(180, 180, 180);}
.detail-texts >li .detail-texts-name1 span.all-money{color:#343a40; font-size:14px;}

.btn-area> li:nth-child(1){
    float:left;
    position: relative;
    background: #e9ecef;
}
.btn-area> li:nth-child(2){float:right;}
.subscription-detail-wrap .btn-area> li:nth-child(1){ float:none; position: inherit; background: #fff; border: none;}
.subscription-detail-wrap .btn-area> li:nth-child(2){float:none;}

.btn-area .share-btn{
    width:55px;
    height:55px;
    border:1px solid #e9ecef;
    text-align: center;
}
.subscription-detail-wrap .btn-area .share-btn{width: 35px; height: 35px; box-shadow: 0 3px 9px rgb(52 58 64 / 10%); border-radius:10px;}
.btn-area .share-btn > a> i{font-size:30px;line-height: 53px;}
.subscription-detail-wrap .btn-area .share-btn > a> i{font-size:18px;line-height: 34px;}
.btn-area .buy-btn{
    width:350px;
    height:60px;
    background:#001639;
    border-radius: 5px;
    display:inline-block;
    color:#fff;
    border:none;
    font-size:18px;
    letter-spacing:-0.64px;
    font-weight: bold;
    text-align: center;
    line-height:55px;
    overflow: hidden;
    position: relative;
}

/*청약하기 버튼 효과(모집률 삭제되면서 임시)*/
.btn-animation {
    overflow: hidden;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    padding-top:3px;
    display: inline-block;
    width: 100%;
    height: inherit;
}
.btn-animation:before {
    position: absolute;
    content: '';
    display: inline-block;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #e9ecef;
    animation: shiny-btn1 3s ease-in-out infinite;
    animation-delay: -2s;
}
.btn-animation:hover{
    opacity: .7;
    transition: 0.3s ease-in;
}
.btn-animation:active{
    box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
    -4px -4px 6px 0 rgba(116, 125, 136, .2),
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.subscription-detail-wrap .btn-area .buy-btn{width:100% !important;}
.subscription-detail-wrap .btn-area-share{position: absolute;top: 0;    right: 35px;}
.btn-areas{position: relative;;}
.subscription-detail-wrap .btn-areas{position: static; z-index: 10;}

.btn-area .buy-btn-gray{background: #e1e5e8; color: #adb5bd; cursor: default; }
.share-btn-in{
    position: absolute;;
    top:60px;
    width:222px;
    height:60px;
    padding:10px;
    border: 1px solid #e9ecef;
    background:#fff;
    display:none;
}
.subscription-detail-wrap .share-btn-in{top:45px !important;; right: 0; border: 1px solid #f5f8fa !important; border-radius: 5px;  z-index: 10;}
.share-btn-in li{
    float:left;
    padding:0 5px;
    width:50px;
}
.share-btn-in li> a img{width:100%;}
.detail-bottom{margin-top:100px;}
.detail-bottom .detail-infor img{width: 100%; max-width: max-content;}

/*모바일)중,완료,예정,취소 바*/
.box-circle-progress .percent-circle-progress {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.box-circle-progress .percent-circle-progress svg {   width: 100%;  height: 100px;}
.box-circle-progress .percent-circle-progress svg circle {
    width: 100px;
    height: 100px;
    fill: none;
    stroke-width: 7;
    transform: translate(5px, -5px) rotate(-90deg);
    transform-origin: center;
    stroke-dasharray: 480;
    stroke-dashoffset: 480;
    stroke-linecap: round;
}
.box-circle-progress .percent-circle-progress svg circle:nth-child(1) {  stroke-dashoffset: 0; stroke: #F4F5F9;}
.box-circle-progress .percent-circle-progress svg circle:nth-child(2) { stroke-dashoffset: calc(500 - (500 * 0) / 140);  stroke: #99B6F8;}
.box-circle-progress .percent-circle-progress .number-circle-progress { position: absolute;}
.box-circle-progress .percent-circle-progress .number-circle-progress p{color: #89949F; font-size: 14px; font-weight: 400;}
.box-circle-progress .percent-circle-progress .number-circle-progress b{color: #99B6F8; font-weight: 700;}
.box-circle-progress .percent-circle-progress .number-circle-progress span{font-size: 13px; font-weight: 300; color: #99B6F8;}
.wrapper.circle-bar{  width: fit-content;  max-width: 100px; width: 100%; overflow: hidden;     position: absolute;right: 0;top: 0;}
.wrapper.circle-bar .box-circle-progress{width: 100%;}

.box-circle-progress.circle2 .percent-circle-progress svg circle:nth-child(1) { stroke: #BCBEC6;}
.box-circle-progress.circle2 .percent-circle-progress .number-circle-progress b,
.box-circle-progress.circle2 .percent-circle-progress .number-circle-progress span{color: #9497A5;}
.box-circle-progress.circle3 .percent-circle-progress svg circle:nth-child(1) { stroke: #D4F3F7;;}
.box-circle-progress.circle-34 .percent-circle-progress .number-circle-progress p{font-size: 16px !important;}
.box-circle-progress.circle-34 .percent-circle-progress .number-circle-progress p strong{font-size: 17px; font-weight: 700; margin-top: 3px;display: inline-block;}



/*투자 관련 문서 (청약 상세)*/
.pdf-document{margin-top: 40px; display: flex;justify-content: space-between;align-items: center;background: #F7F9FD; border: 1px solid #e9ecef; border-radius: 10px; width: 100%; padding: 20px 40px;}
.pdf-document h1{font-size: 20px; font-weight: 600;}
.pdf-document .pdf-document-button{ max-width: 500px;}
.pdf-document .pdf-button{width: 49% !important;  min-width: 240px; position: relative; color: #001639; border-radius: 5px; overflow: hidden;background: #fff;font-weight: 500; padding:10px; font-size: 13px;border: 1px solid #CDD6DE;margin-bottom: 8px;}
.pdf-document .pdf-button a{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block; text-align: left; width: 100%;     vertical-align: bottom; }
.pdf-document .pdf-button .arrow{right:5px; position: absolute;  display: inline-block;}
.pdf-document .pdf-button .arrow i{font-size:18px; color: #4386F9;}
.subscription-buy .body .detail .in.essential{background: #fff; padding: 30px 60px;}
.subscription-buy .body .detail .in.round{background: #fff; border: 1px solid #E9ECEF; border-radius: 10px; overflow: hidden;}
.subscription-buy .body .detail .in.round,
.subscription-buy .body .detail .in.signature{margin: 30px 60px;}
.subscription-buy .body .detail .in .agree-cont-ins{    margin-top: 20px;border-top: 1px solid #e9ecef;}
.subscription-buy .body .detail .in .agree-cont-ins label{display: inherit;  padding-top: 10px;}
.subscription-buy .body .detail .in.signature{border-radius: 10px;}
.subscription-buy .body .detail .in.orporation-signature{ background: #fff !important; border: 1px solid #e9ecef !important;}
.subscription-buy .body .detail .in.orporation-signature h1{margin: 15px 0;}
.subscription-buy .body .detail .in.orporation-signature .button.button-arrow button{max-width: inherit !important;background: #212529;border: none !important;border-radius: 5px !important;}
.subscription-buy .body .detail .in.orporation-signature .button.button-arrow button a{color:#fff;}
.subscription-buy .body .detail .in.signature h1{text-align: center; font-size:16px;}
.subscription-buy .body .detail .in h1{font-size: 18px !important; margin-bottom: 10px; border-bottom: none; text-align: left; text-indent: 6px;}
.invest-list-arrange{ width: 100%; padding: 30px 40px; }
.invest-list-arrange.back{background: #F5F8FA; }
.invest-list-arrange.line{border: 1px solid #e9ecef; border-radius: 5px;}
.invest-list-arrange li{width: 100%;display: flex; justify-content: space-between; margin-bottom: 1px;}
.subscription-buy .body .detail .in.signature h1 span{font-size:14px; font-weight: 300;}
.subscription-buy .body .detail .in h1{font-size: 18px !important; margin-bottom: 10px; text-align: left !important; }
.subscription-buy .body .detail .in.round h1{border-bottom: 1px solid #e9ecef; padding:14px 30px; margin-bottom:0; font-size: 16px !important;}
.invest-list-arrange{ width: 100%; padding: 20px 30px; }
.invest-list-arrange li{width: 100%;display: flex; justify-content: space-between; line-height: 24px;}
.invest-list-arrange li p{font-size:14px; font-weight: 500;}
.invest-list-arrange li p.gray{color: #868e96;  width: 100%;max-width: 120px; text-align: left;}
.invest-list-arrange li p.word{text-align: right; color: #212529;}
.invest-list-arrange-left li p.word{width: inherit; text-align: left;}
.subscription-buy .body .detail .agree-cont{text-align: left;padding: 0 10px;}
.subscription-buy .body .detail .agree-cont .download-button{transition:all .4s ease;  cursor: pointer; background:#868e96; text-align: center;border-radius: 5px;padding: 3px 0;max-width: 300px; margin-bottom: 5px;display: block;width: 100%; }
.subscription-buy .body .detail .agree-cont .download-button a{display: block; color: #fff; width: inherit;}
.subscription-buy .body .detail .agree-cont .download-button-before{ background: #e9ecef;}
.subscription-buy .body .detail .in.signature p{text-align: left; line-height: 20px;}
.subscription-buy .body .detail .in.signature .button{margin-top:20px;}

button.toss-button{ width: 100%;border-radius: 10px;  background: #0064FF !important; color:#fff !important; border: none; }
.subscription-buy .body .detail .in.signature .button button a,
button.toss-button a{width: 100%; display: inline-block; font-size: 16px; font-weight: 600;     line-height: 60px; height: 100%;}
.subscription-buy .body .detail .in.signature .button span.iconimg,
button.toss-button span.iconimg,
button.kakao-button span.iconimg,
h1.toss-qr span.iconimg{display: inline-block; width: 19px; height: 19px; margin-right: 4px; vertical-align: middle;}
.subscription-buy .body .detail .in.signature .button span.iconimg img,
button.toss-button span.iconimg img,
button.kakao-button span.iconimg img,
h1.toss-qr span.iconimg img{width: 100%;}
.subscription-buy .body .detail .in.signature .button span.naver{color: #06bd34;}
.subscription-buy .body .detail .in.signature .button span.kakao-i{color:#3b1e1e;}
button.toss-button span.toss{color : #fff;}
.subscription-buy .body .detail .in.signature .button.button-arrow{  display: flex;width: 100%;justify-content: space-between;}
.subscription-buy .body .detail .in.signature .button.button-arrow button{width: 49%; }
.subscription-buy .body .detail .in.signature .button.button-arrow button.phone-button{border-radius: 10px; border:1px solid #001639;}
.subscription-buy .body .detail .in.signature .button.button-arrow button.phone-button a{color:#001639;;}

/*청약 신청 수량 입력 화면*/
.quantity-step .sort,
.quantity-step .sort-in p{display: flex; justify-content: space-between; align-items: center;}
.quantity-step .sort-in span.step-icon-img{ vertical-align: bottom; display: inline-block; width: 18px; height: 18px; margin-right: 4px;}
.quantity-step .sort-in span.step-icon-img img{width: 100%;}
.quantity-step .quantity-step-top,
.quantity-step .quantity-step-middle,
.quantity-step .quantity-step-bottom{padding: 30px 50px;}
.quantity-step .quantity-step-middle .quantity-block{padding-bottom:6px; border-bottom: 1.5px solid #F0F2F5;}
.quantity-step .quantity-step-middle .quantity-block button i{display: flex;  justify-content: center; align-items: center;}
.quantity-step .quantity-step-middle .quantity-possible{text-align:center; margin: 10px 0 25px 0; font-size:14px; color: #B4BEC7;}
.quantity-step .quantity-step-middle .quantity-possible >span{font-weight: 700; color: #788390; padding-left: 5px;}
.quantity-step h1{margin-bottom: 20px; font-size: 18px;}
.quantity-step{background: #fff; display: block;  max-width: 450px; margin: 0 auto; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06); display: block;}
.quantity-step .quantity-step-top{border-bottom: 1px solid #e9ecef;}
.quantity-step .quantity-step-top .title{max-width: 240px;text-overflow: clip;white-space: normal;overflow: hidden;}
.quantity-step .quantity-step-top .quantity-step-img{display: flex; padding-left: 20px;}
.quantity-step .quantity-step-top .img{width: 100px; height: 100px; display: table-cell; vertical-align: middle;;}
.quantity-step .quantity-step-top .img img{width: 100%;}
.quantity-step .quantity-step-top p{word-break: break-all; font-size: 14px; color: #868e96; font-weight: 300; line-height: 1.2;  margin-bottom: 4px;}
.quantity-step .quantity-step-top h2{font-size: 16px; font-weight: 600; margin-top: 10px;}
.quantity-step .quantity-step-top h2 span{margin-left: 4px; font-weight: 300; font-size: 14px; color: #BEC1C4;}
.quantity-step .quantity-step-middle .quantity-arrow-minus,
.quantity-step .quantity-step-middle .quantity-arrow-plus {
    cursor: pointer;
    font-size: 20px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border: 2px solid #F0F2F5;
    background: #fff;
    color: #868e96;
    font-weight: 400;
    touch-action:manipulation;
}
.quantity-step .quantity-step-middle .quantity-num {
    font-size: 20px;
    padding: 5px 10px;
    color: #548dfc;
    text-align: center;
    border: none;
    font-weight: 600;
    max-width: 280px;
    width: calc(100% - 88px);
}
.quantity-step .quantity-step-middle .unit-button{width: 100%;  margin-bottom: 40px;  margin-top: 15px;}
.quantity-step .quantity-step-middle .unit-button button{font-size: 14px; font-weight: 400; width: 23.2%; margin-right: 1%; border-radius: 30px; background: #F7F9FD; color: #868e96; border: none; padding: 13px 0;}
.quantity-step .quantity-step-middle .unit-button button.reset{margin: 0; background: #fff; border: 1px solid #e7e9fd;}
.quantity-step .quantity-step-middle .unit-button button.reset i{margin-left: 2px;}
.quantity-step .quantity-step-middle .quantity-step-unit h1{font-size: 20px;}
.quantity-step .quantity-step-middle .sort-in p{margin-bottom: 8px;}
.quantity-step .quantity-step-middle .sort-in p span.number{font-weight: 600;}
.quantity-step .quantity-step-middle .sort-in .notice{margin-top: 20px;}
.quantity-step .quantity-step-middle .sort-in .notice p{cursor: pointer; margin:8px 0; font-size: 14px; color: #868e96;}
.quantity-step .quantity-step-middle .sort-in .notice p i{font-size: 14px; margin-right: 4px;}
.quantity-step .quantity-step-middle .sort-in .notice p .re-red{margin: 0 !important;}
.quantity-step .quantity-step-middle .sort-in .notice .arrow-wrap{ position: inherit;transform: none;background: none;color: #868e96;}
.quantity-step .quantity-step-middle .sort-in .notice .invest-notice{display: none; border-radius: 5px;}
.quantity-step .quantity-step-middle .sort-in .notice .corporation-invest-notice li{ text-indent: 0 !important;}
.quantity-step .quantity-step-middle .sort-in .notice .invest-notice li.re-red{display: flex;     margin-bottom: 12px;}
.quantity-step .quantity-step-middle .sort-in .notice .invest-notice li span.front{width: 60px;}
.quantity-step .quantity-step-middle .sort-in .notice .invest-notice li span.right{width: calc(100% - 60px);}
.quantity-step .quantity-step-middle .sort-in .notice .arrow-top {display: none;}
.quantity-step .quantity-step-middle .sort-in .notice .arrow-bottom {display: block;}
.quantity-step .quantity-step-middle .sort-in .notice p.on .arrow-bottom {display: none;}
.quantity-step .quantity-step-middle .sort-in .notice p.on .arrow-top {display: block;}
.quantity-step .quantity-step-bottom .agree-cont{margin-bottom:20px;}
.mo-pc-padding{padding-bottom: 120px;}
.modal.quantity-modal{max-width: 500px; padding: 50px 30px;}
.modal.quantity-modal .agree-cont-in{padding: 10px 0;}
.modal.quantity-modal .agree-cont-in.que{display: grid !important;}
.modal.quantity-modal .agree-cont-in.que .agree-cont-in-notice{padding-left: 30px;margin-top: 5px;color: #868e96;font-weight: 200;}
/*전자서명*/
.kg-quantity-modal{max-width: 400px !important;}
.kg-quantity-modal .kg-title{font-size: 18px; font-weight: 600; line-height: 1.4; margin-bottom: 20px;}
.kg-quantity-modal .kg-signature-button{height: 60px;width: 100%;margin-top: 10px;border-radius: 10px;background: #F2F6FF;border: 1px solid #001639;}
.kg-quantity-modal .kg-signature-button a{ width: 100%; display: flex; justify-content: center; align-items: center;}
.kg-quantity-modal .kg-signature-button a .iconimg{ width: 35px;height: 35px;margin-right: 10px;}
.kg-quantity-modal .kg-signature-button a .text{font-size: 16px; font-weight: 600;}
.kg-quantity-modal .kg-title strong{color: #0064FF; font-weight: 700;}
.kg-quantity-modal .toss-logo-primary{width: 100px;}
.kg-quantity-modal .app-push-notice{margin: 40px 0 30px; color: #868e96;}
.kg-quantity-modal .app-push-notice p{margin-bottom: 5px; font-weight: 600; font-size: 16px;}
.kg-quantity-modal .app-push-notice span{display: block; font-size: 14px; font-weight: 400;}
.kg-quantity-modal .toss-sign-confirm .button-arrow{max-width: 230px !important; display: block !important; margin: 0 auto; border-radius: 10px;}

/*22.11.14 플렉스 경매 배너*/
.detail-bottom .jnl-banner{max-width:800px;  cursor: pointer; margin: 10px auto 70px;}
.detail-bottom .art-banner{max-width:800px;  cursor: pointer; margin: 10px auto 70px;}
.detail-bottom .information-name{
    font-size:20px;
    font-weight:500;
    color:#fff;
    text-align: center;
    background:#868e96;
    padding:10px;
}
.detail-infor a{display: inline-block;}

.mall-detail-infor .mall-info-product{width: 100%;max-width: 1000px;margin: 0 auto;}
.mall-detail-infor .mall-info-product img{display: inherit !important; width: 100%;}

.detail-infor .info-art div strong{font-size:14px !important;}
.detail-infor > div h1{
    font-size:15px;
    color:#001639;
    font-weight:700;
    letter-spacing:-0.64px;
    float:left;
    width:110px;
    margin-bottom: 0;
}

.rental-txt div#rental-place{float: left;max-width: 600px;width: 100%; margin-bottom: 20px;}
.rental-txt div#rental-place .bx-wrapper{max-width: 600px; width: 100%; height: auto;}
.rental-txt div#rental-place .bx-wrapper .bx-viewport{height: 700px !important;}
.rental-txt div#rental-place .bx-wrapper .bx-viewport ul.bxslider li{float: left !important;list-style: none;position: relative; width:100%; max-width: 600px !important;}

.detail-infor div h1.artDirecter{line-height: 30px !important;}
.detail-infor > div > div{
    float: left;
    width:1000px;
    margin-bottom:50px;
}
.mall-detail-infor > div > div{width:100%; max-width:1200px;}
.info-product .info-product-in ul li h5{
    float:left;
    height:30px;
    width:100px;
    padding-top:0px;
    font-size:14px;
}
.info-product .info-product-in ul li span{
    font-size:15px;
    font-weight:300;
    word-break: break-all;
}
.info-product .info-product-in ul li{height:auto; display: flex;}
.info-product .info-product-in ul{margin-bottom:15px;}
.info-product .info-product-in div p.artist-img{
    max-width: 300px;
    max-height: 500px;
    display: inline-block;
    overflow: hidden;
}
.info-product .info-product-in div p.artist-img img{width:100%;}
.info-product .info-product-in div p strong{margin-top: 15px;font-size: 14px; display: inline-block;}

.detail-infor h5{
    font-size:14px;
    padding-bottom:7px;
    padding-top: 15px;
}
.detail-infor p{
    line-height: 27px;
    font-size:15px;
    font-weight:300;
}
.detail-infor strong{
    padding:0px 0 5px;
    width: 100%;
    font-size: 14px;
}
div.detail-infor > div.info-invest > div {
    word-break: keep-all;
    font-size: 15px;
    font-weight: 300;
    line-height: 30px;
}
div.detail-infor > div.info-invest > div > strong { width:100%; font-size: 15px; margin-top:10px;}
div.detail-infor > div.info-invest > div > strong:nth-child(1){margin-top:0px;}
div.detail-infor > div.info-invest > div > strong.point-strong{padding-top: 0px; display:block;}

.info-invest h5{padding-top:0px;}
.info-graph .graph-in img{
    max-width: 1000px;
    width: 100%;
    height: inherit;
}
.info-reward table {
    width:1000px;
    border:1px solid rgb(216, 216, 216);
    margin-bottom:10px;
}
.info-reward thead{background:#FAFAFA;}
.info-reward thead th{padding:10px 20px;font-weight:600;color:gray; text-align:left;}
.info-reward td{
    padding:20px;
    line-height:25px;
    font-size:14px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
}
.info-reward td i{font-size: 19px; color: #909090; margin-right: 5px; vertical-align: middle;}
.info-reward td i.premium{color: black;}
.info-reward td span.td-text{
    font-size: 11px;
    letter-spacing: 1px;
    color: gray;
    font-weight: 300;
}
.info-reward h2.reward-guide{
    clear: both;
    width:1000px;
    float:right;
    font-size: 13px;
    font-weight: 300;
    margin-bottom:60px;
    text-align: right;
    padding-right: 2%;
    color: gray;
}
.detail-news{
    border:1px solid #e9ecef;
    border-top:none;
    border-bottom:none;
    margin-bottom:40px;
}
.detail-news-head{
    padding:15px 50px;
    font-weight:600;
    font-size:14px;
    border-bottom:1px solid #e9ecef;
}
.detail-news-head div{float:left; font-weight: 500; font-size: 13px;}
.detail-news-head div:last-child{float:right;}
.news-body-top{
    border-bottom:1px solid #e9ecef;
    padding:10px;
    font-size:14px;
    cursor: pointer;;
}
.detail-news-body .news-body-top .detail-news-body-name{float:left;}
.detail-news-body-day{float:right;font-size:13px;font-weight:300;}
.news-body-bottom{
    display:none;
    padding:20px;
    background:#f5f8fa;
    font-size:13px;
    letter-spaicng:-0.52px;
    color: #495057;
    font-weight: 400;
    line-height: 22px;
}
.news-body-bottom p span{max-width:400px; width:100%;}
.news-body-bottom p span img{width:100%;}
.news-body-bottom img{padding:10px 0;}

.detail-faq{
    border-top:none;
    border-bottom:none;
    margin-bottom:40px;
}
.detail-faq .detail-faq-in{border:1px solid #e9ecef;     border-bottom: none !important;}
.detail-faq-head{
    padding:15px 50px;
    font-weight:600;
    font-size:14px;
    border-bottom:1px solid #e9ecef;
}
.detail-faq-head div{float:left; font-weight: 500; font-size: 13px;}
.detail-faq-head div:last-child{float:right;}
.faq-body-top{
    border-bottom:1px solid #e9ecef;
    font-size:14px;
    cursor: pointer;;
}
.detail-faq-body .faq-body-top .detail-faq-body-name{float:left;  padding: 10px 20px;}
.detail-faq-body-day{float:right;font-size:13px;font-weight:300;}
.faq-body-bottom{
    display:none;
    padding:20px;
    background:#f5f8fa;
    font-size:13px;
    letter-spaicng:-0.52px;
    color: #495057;
    font-weight: 400;
    line-height: 22px;
}
.faq-body-bottom p span{max-width:400px; width:100%;}
.faq-body-bottom p span img{width:100%;}
.faq-body-bottom img{padding:10px 0;}

.product-quick{
    position:fixed;
    top:50%;
    right:60px;
    width:100px;
    z-index: 100;
    text-align:right;
}
.product-quick li{margin:10px 0;width:150px;}
.product-quick .quick-name{color: #868e96;}
.product-quick .quick-name1.active,
.product-quick .quick-name2.active,
.product-quick .quick-name3.active,
.product-quick .quick-name4.active,
.product-quick .quick-name5.active{
    color: #001639;
    font-weight: 600;
}
.product-quick .circle{
    display:inline-block;
    width:5px;
    height:5px;
    background:#001639;
    border-radius: 50%;
    margin:4px 10px;
    transition:all .4s ease;
}
#buyModal{
    max-width:600px;
    padding: 0 !important;
    background: #F5F8FA;
}
#pdfModal .pdf-modal,
#optionalPdfModal .pdf-modal{
    border: 1px solid #e9ecef;
    padding: 10px;
    height: 800px;
    overflow: auto;
    overflow-x: hidden;
    font-size: 12px;
    margin-bottom: 10px;
    background: #f9fafc;
}
.modal.modal-essential-pdf{max-width: 800px !important;; width: 100%;}
#pdfModal .pdf-modal canvas,
#optionalPdfModal .pdf-modal canvas{height: auto !important;}
.modal .pdf-modal-in{   justify-content: flex-end; margin-bottom:10px;}
.modal .pdf-modal-in .close{ color: #212529; border: none; background: none; text-decoration: underline; font-size: 18px; font-weight: 400; cursor: pointer;}
.modal.modal-essential-pdf button.scroll-down-button{
    max-width: 360px;
    width: 100%;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 80px;
    border-radius: 30px;
    left: 50%;
    height: 60px;
    border: none;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #fff;
    background: #5A8DFC;
    font-weight: 600;
    box-shadow: 0 3px 9px rgba(0,0,0,0.06);
}
.modal.modal-essential-pdf button.scroll-down-button i{font-size:16px;}
#buyModal .invest-notice{margin: 40px 60px;}
#buyModal .agree-cont-in{ padding: 5px 0 !important; }
.investCheckboxModal .click-agree-cont{padding: 15px 20px;border: 1px solid #e9ecef;margin: 0 0 15px;}
.investCheckboxModal .click-agree-cont .agree-cont-in{padding: 6px 0 !important;;}
.investCheckboxModal .click-agree-cont .agree-cont-in .styled-checkbox + label{     text-align: left;   font-size: 14px; font-weight: 300; line-height: 1.5;text-indent: -30px;padding-left: 30px;}
.investCheckboxModal .click-agree-cont .re-red{margin-left: 0 !important;;}
.investCheckboxModal .click-agree-cont .optionalView{font-size: 12px;border:1px solid #868e96; background: #f5f8fa;border-radius: 5px;padding: 2px 6px;color: #212529;font-weight: 400;}
.agree-cont-in span.look-option{  max-width: 35px;width: 100%;}
input.optionalDownloadCheckbox:checked + label:before{background: #cdd6de !important;}

#buyModal .body{width:100%;margin: 60px auto 0;}
#buyModal .body h1{
    font-size:24px;
    font-weight: 600;
    letter-spacing: -0.72px;
}
#buyModal .body > p{
    display: inline-block;
    margin: 10px 0;
    color: #868E96;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.52px;
    overflow: hidden;
    word-break: break-all;
}
#buyModal .body ul li h2{
    color:#001639;
    font-size:15px;
    padding-bottom:5px;
    height: 35px;
}
#buyModal .body ul li p{font-weight: 400;}
#buyModal .body .confirm-btn-in{width:100%;}
#buyModal .body .confirm-btn{font-weight: 500; color:#fff; font-size: 18px; letter-spacing:-0.74px; line-height: 80px; height: 80px; border-radius: 10px; background:#001639;width:100%;}

#buyModal .body li.producticon{
    width: 70px;
    height: 120px;
    float: left;
    margin-right: 4%;
    margin-left: 4%;
    border-bottom: none;
}

/* ////////////////// main ////////////////// */
#eventBannerSlider { overflow: hidden; height: auto; background: #E9ECEF; }
#eventBannerSlider li { overflow: hidden; width: 790px; height: auto;  }
#eventBannerSlider li a { display: block; width: 100%; height: 100%; }
#eventBannerSlider li a img { width: 100%; }

#commonContent { position: relative; padding-bottom: 200px; width: 100%; }
#commonContent .commonContent-in { margin: 0 auto; width: 100%; max-width: 1200px; }
.card { position: relative; background: #fff; box-shadow: 0 3px 9px rgba(0,0,0,0.06); }
#commonContent .commonContent-in .card { position: relative; background: #fff; box-shadow: 0 3px 9px rgba(0,0,0,0.06); }
#commonContent .commonContent-in .contents > .head { width: 100%; }
#commonContent .commonContent-in .contents > .head .menu-list li { float: left; width: 50%; height: 60px; background: #E9ECEF; }
#commonContent .commonContent-in .contents > .head .menu-list li a { display: block; padding: 20px 0; width: 100%; height: 100%; color: #ADB5BD; font-size: 16px; font-weight: 500; text-align: center;}
#commonContent .commonContent-in .contents > .head .menu-list li a.active-a,
#commonContent .commonContent-in .contents > .head .menu-list li.active{background: #fff;}

#commonContent .commonContent-in .contents > .body { padding: 30px; }
#commonContent .commonContent-in .contents > .body .content { padding: 20px; }
#commonContent .commonContent-in .contents > .body .content.border { border: 1px solid #E9ECEF; }
#commonContent .commonContent-in .contents > .body .content.scroll { overflow: auto; height: 600px; }

#commonContent .commonContent-in .contents > .body .history{ padding: 20px 0 40px;    width:100%; text-align: right; }
#commonContent .commonContent-in .contents > .body .history span{ vertical-align: middle; color:#868e96; font-size: 14px; padding-right: 6px;}
#commonContent .commonContent-in .contents > .body .history select{ color: #212529; width: 160px;height: 30px;border-radius: 5px;font-weight: 300;background: #f4f5f7;padding-left: 5px;}
/* //////////////////my page////////////////// */
.clearfix:after { content: ""; display: block; clear: both; *zoom: 1; }
.art-blue{color: #001639 !important;}

/* memberContent */
.c01 { height: 200px; }
.c02 { height: 60px; }
.c03 { height: 480px; }

#memberContent { position: relative; padding-bottom: 200px; width: 100%; color: #343A40; font-size: 13px; font-weight: 400; font-family: 'Pretendard', 'Roboto','Malgun Gothic', sans-serif; letter-spacing: -0.8px; line-height: 1.4; -webkit-overflow-scrolling: touch; }
#memberContent.bg-gray { background: #F4F5F7;     overflow: hidden; }

#memberContent hr { margin: 20px 0; border: none; border-top: 1px solid #e9ecef; }
#memberContent .card { position: relative; float: left; padding: 30px; background: #fff; box-shadow: 0 3px 9px rgba(0,0,0,0.06); }
#memberContent .card.full { width: 100%; }
#memberContent .button { display: inline-block; cursor: pointer; }
#memberContent .link { cursor: pointer; }
#memberContent .tab-list .tab { cursor: pointer; }

#memberContent .member-head { display: table; width: 100%; height: 200px; text-align: center; }
#memberContent .member-head .title { letter-spacing: -1.44px; display: table-cell; font-size: 36px; font-weight: 700; vertical-align: middle; text-align: center; }

#memberContent .memberContent-in { position: repative; margin: 0 auto; padding: 0 20px; width: 100%; max-width: 1200px; }
#memberContent .memberContent-in .member-head { display: table; width: 100%; height: 200px; text-align: center; }
#memberContent .memberContent-in .member-head .title { display: table-cell; font-size: 36px; font-weight: 700; vertical-align: middle; text-align: center; }
#memberContent .memberContent-in .vr-section{border-radius: 10px;}

#memberContent .memberContent-in .table { width: 100%; border-top: 2px solid #001639 }
#memberContent .memberContent-in .table .thead { width: 100%; background: #F9FAFC; font-size: 13px; font-weight: 500; }
#memberContent .memberContent-in .table .thead .tr { border-bottom: 1px solid #E9ECEF; height: 44px; }
#memberContent .memberContent-in .table .thead .th { float: left; padding: 12px; height: 100%; text-align: center; }
#memberContent .memberContent-in .table .tbody { width: 100%; background: #fff; font-size: 13px; }
#memberContent .memberContent-in .table .tbody .tr { border-bottom: 1px solid #E9ECEF; height: 40px; }
#memberContent .memberContent-in .table .tbody .td { float: left; padding: 8px; height: 100%; text-align: center; }
#memberContent .memberContent-in .table .tbody .td .label { display: none; font-size: 11px; }
#memberContent .memberContent-in .table .button.mini { display: inline-block; padding: 4px 5px; background: #343A40; color: #fff; border: none; border-radius: 3px; outline: none; }
#memberContent .memberContent-in .table .button.mini.blue { background: #4386F9;  color: #fff !important; }
#memberContent .memberContent-in .table .button.mini.disable { background: transparent; color: #ADB5BD; pointer-events: none; cursor: none; }

#memberContent .memberContent-in .contents { margin-bottom: 20px; width: 100%; }
#memberContent .memberContent-in .contents.c02{display: inline-grid;}
#memberContent .memberContent-in .contents.c03{height:auto;}
#memberContent .memberContent-in .contents .col { display: inline-block; vertical-align: top;}
#memberContent .memberContent-in .contents .text-right { float: right; text-align: right;  margin-bottom: 0; font-weight: 300;}
#memberContent .memberContent-in .contents .label { font-size: 14px; color: #868E96; font-weight: 400;}
#memberContent .memberContent-in .contents .head { padding: 20px; border-bottom: 1px solid #E9ECEF; }
#memberContent .memberContent-in .contents.before-deposit{display: flex; padding: 20px 30px;}
#memberContent .memberContent-in .contents.before-deposit .left{width: 40%;border-right: 1px solid #e9ecef;padding-right: 20px; }
#memberContent .memberContent-in .contents.before-deposit .left p.deposit-num{     font-size: 14px;font-weight: 600;display: initial;float: right;}
#memberContent .memberContent-in .contents.before-deposit .left p.deposit-num span{color: #4386f9;  font-size: 18px; font-weight: 700; margin-right: 3px;}
#memberContent .memberContent-in .contents.before-deposit .right{ width: 60%; padding-left: 20px;}
#memberContent .memberContent-in .contents.before-deposit p.title{margin-bottom: 10px; font-size: 14px;     display: initial;}
#memberContent .memberContent-in .contents.before-deposit .right .form-in{margin-top: 10px; display: flex;}
#memberContent .memberContent-in .contents.before-deposit .right .form-in select{background: #f5f8fa; height: 45px; border-radius: 5px; border: 1px solid #e9ecef; margin-right: 4px;}
#memberContent .memberContent-in .contents.before-deposit .right .form-in input{font-size: 14px; height: 45px !important;;}
#memberContent .memberContent-in .contents.before-deposit .right .form-in input::placeholder{font-size: 14px !important;;}
#memberContent .memberContent-in .contents.before-deposit .right .form-in .form-number{  width: -webkit-fill-available;margin-right: 4px;}
#memberContent .memberContent-in .contents.before-deposit .right .form-in button.true-btn{width: 100%; max-width: 160px;color: #fff; font-size: 14px; font-weight: 600; border-radius: 5px; border: none; background: #548dfc;}
#memberContent .memberContent-in .contents.before-deposit .right .tooltip-box .tooltip-text{ z-index: 100; top: 40px; max-width: 240px;width: 100%; background: #fff; color: #868e96; border-radius: 5px; box-shadow: 0 3px 9px rgb(0 0 0 / 6%); padding: 10px; position: absolute;font-size: 12px;font-weight: 400;line-height: 16px; }
#memberContent .memberContent-in .contents.before-deposit .right p.information{font-size: 14px; margin-top: 10px; color:#ff001e;}
#memberContent .memberContent-in .contents.before-deposit .right p.information i{font-size:15px; vertical-align: text-bottom;}
#memberContent .memberContent-in .contents.before-deposit .left .before-deposit-tab{margin: 6px 0; height: 24px; line-height: 24px; }
#memberContent .memberContent-in .contents.before-deposit .left .before-deposit-tab.tab-side .contents-box{position: relative; padding: 15px 20px;}
#memberContent .memberContent-in .contents.before-deposit .left .before-deposit-tab .tooltip-text{z-index: 100; line-height: 1.4;}
#memberContent .memberContent-in .contents.before-deposit .left .before-deposit-tab.tab-side p.deposit-num span.arrow{font-size: 12px; color: #868e96;}
#memberContent .memberContent-in .contents.before-deposit .left .before-deposit-tab.tab-side li.accordion{ cursor: pointer; }
#memberContent .memberContent-in .contents.before-deposit .left .before-deposit-tab.tab-side p.deposit-num span{color: #343a40;font-size: 16px;font-weight: 500;}
#memberContent .memberContent-in .contents.before-deposit .left .before-deposit-tab.tab-side .contents-box .before-deposit-tab{margin: 0;height: 22px;line-height: 22px;}
#memberContent .memberContent-in .contents.before-deposit .left .before-deposit-tab.tab-top p.deposit-num{padding-right:17px;}

/*NH 투자증권 서비스 정기 점검 안내 modal*/
.modal.modal-inspection{max-width: 460px; padding:0; background: #F7F9FD;}
.modal.modal-inspection .close-x-btn{right: 20px; top:20px;}
.modal.modal-inspection span{display: inline-block;}
.modal.modal-inspection .title{ background: #fff; border-radius: 10px 10px 0 0;height: 65px;line-height: 65px;font-size: 18px;}
.modal.modal-inspection .body{padding: 30px 40px;}
.modal.modal-inspection .body p.sub{font-size: 16px;  line-height: 24px; text-align: left;  color: #838990;  margin: 15px 0 30px 0;}
.modal.modal-inspection .body p.sub strong{color: #262626;}
.modal.modal-inspection .body .detail-sub{border-radius: 5px; background:#EDF0F6; padding: 20px; text-align:left;}
.modal.modal-inspection .body .detail-sub li{display: flex;}
.modal.modal-inspection .body .detail-sub li p{font-weight: 400;}
.modal.modal-inspection .body .detail-sub li .left-text{font-weight: 500; max-width: 110px; width:100%;}
.modal.modal-inspection .body .detail-sub li:nth-child(1){margin-bottom: 6px;}
.modal.modal-inspection .body .bottom-sub{font-size:12px; width:100%; color:#40444D; font-weight: 300; text-align: left;}

/*출금 신청(마이페이지)*/
.invest-popup.withdraw-popup .body p{padding: 0 !important;}
.withdraw-popup{max-width: 500px !important; border-radius: 10px !important;}
.withdraw-popup .contents h1{font-weight: 300 !important; font-size: 18px !important; margin-bottom: 30px !important;}
.withdraw-popup .contents h1 span{font-weight: 800; color: #38C1CE;}
.withdraw-popup .contents p.won-text{text-align: right; font-size: 12px; color: #868e96; font-weight: 300; }
.withdraw-popup .contents-top-in{border-radius: 5px; padding: 30px !important; background: #f9fafc !important;}
.withdraw-popup .contents-top-in li p.col{font-size: 14px !important; text-align: left; line-height: initial;}
.withdraw-popup .contents-top-in li.title{border-top: 1px solid #e9ecef; padding-top: 15px !important; margin-top: 10px;}
.withdraw-popup .contents-top-in li.title-top{border: none; padding: 0; margin: 0;}
.withdraw-popup .contents-top-in li.title p.label{color: #001639; font-weight: 600 !important; font-size: 15px !important;}
.withdraw-popup .contents-top-in li.title p.text-right{font-weight: 600 !important; font-size: 15px !important;}
.withdraw-popup .contents-top-in ul.withdraw-list{margin-top:5px; }
.invest-popup.withdraw-popup .body ul{background: #f9fafc !important;  padding: 0;}
.withdraw-popup .contents-top-in ul.withdraw-list li{ height: 22px !important; padding-left: 10px;  padding-top: 0 !important;}
.withdraw-popup .contents-top-in ul.withdraw-list li p.text-right{color: #868e96 !important; font-weight: 400;}
.withdraw-popup .withdraw-check{ margin: 30px 0 0 0;}
.withdraw-popup .withdraw-check p{font-size: 12px; line-height: 22px;}
.withdraw-popup .withdraw-check p.bank{font-size: 16px; margin-bottom: 20px; font-weight: 500;}
.withdraw-popup .withdraw-check p.bank>span{font-weight: 700; color: #38C1CE;}
.withdraw-popup .withdraw-check p.side-check{color: #868e96; line-height: 18px;  font-size: 12px; font-weight: 400;}
.withdraw-popup .withdraw-check p.side-check>span{color: #001639; font-weight: 500;}
.withdraw-popup .contents-top-in ul.withdraw-list p.label{ max-width: 280px;}
.withdraw-popup button{max-width: 230px !important;}

@keyframes blink-effect {
    50% {
        opacity: 0;
    }
}
.blink {
    animation: blink-effect 1s step-end infinite;

    /*
    animation-name: blink-effect;
    animation-duration: 1s;
    animation-iteration-count:infinite;
    animation-timing-function:step-end;
    */
}

#memberContent .memberContent-in .contents .user-info { padding-bottom: 50px; width: 36%; height: 100% !important; }
#memberContent .memberContent-in .contents .user-info .col { float: left; width: 60%; }
#memberContent .memberContent-in .contents .user-info .user .title { margin-bottom: 2px; font-size: 16px; font-weight: 300; }
#memberContent .memberContent-in .contents .user-info .user .title .art-blue {   font-size: 18px;color: #38C1CE !important;font-weight: 700;}
#memberContent .memberContent-in .contents .user-info .user .sub-title { font-size: 14px; color: #868E96; }
#memberContent .memberContent-in .contents .user-info .text-right { width: 40%; }
#memberContent .memberContent-in .contents .user-info .text-right .button { padding: 3px 15px 2px; background: #E9ECEF; border-radius: 100px; font-size: 13px; font-weight: 500; }

#memberContent .memberContent-in .contents .user-deposit { margin: 35px 0 15px 0; width: 100%; }
#memberContent .memberContent-in .contents .user-deposit .deposit-button{    background: #212529;border-radius: 10px;padding: 3px 14px;color: #fff;margin-left: 5px;font-weight: 500;}
#memberContent .memberContent-in .contents .user-deposit .col { float: left; width: 30%; line-height: 20px;}
#memberContent .memberContent-in .contents .user-deposit .col.asset span.label{float: left; padding-right: 2px;}
#memberContent .memberContent-in .contents .user-deposit .col.asset .tooltip{position: relative;}
#memberContent .memberContent-in .contents .user-deposit .col.asset .tooltip i{color: #282828 !important;}
#memberContent .memberContent-in .contents .user-deposit .col.asset .tooltip .tooltip-text{
    position: absolute;
    left: 100%;
    bottom: 100%;
    padding: 10px;
    width: 175px;
    background: #f1f3f5;
    border: 1px solid #e9ecef;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 9px rgb(52 58 64 / 6%);
    box-shadow: 0 3px 9px rgb(52 58 64 / 6%);
    color: #868e96;
    font-size: 12px;
    font-weight: 300;
}
#memberContent .memberContent-in .contents .user-deposit .col.text-right { width: 70% }
#memberContent .memberContent-in .contents .user-deposit .num { font-size: 22px; font-weight: 700; color: #38C1CE; }
#memberContent .memberContent-in .contents .user-info .nhis-account ul li{padding-top: 4px; display: flex; justify-content: space-between;}
#memberContent .memberContent-in .contents .user-info .nhis-account ul li .left{color: #868e96;}
#memberContent .memberContent-in .contents .user-info .nhis-account ul li i{cursor: pointer;}

.nominator.text-list{margin-top: 50px;}
.nominator{display: flex;align-items: center;justify-content: space-between; margin-bottom: 15px;}
.nominator label{font-size:16px; font-weight: 500;     width: 100%;}
.nominator button.name-code-btn{background: #001639;
    border-radius: 5px;
    width: 100px;
    border: none;
    color: #fff;
    margin-left: 5px;
    height: 40px;}
.nominator input.code{height: 40px;}
.nominator .col{float:left; font-weight: 500;}
.nominator .col span.label a{font-size:12px; color:#4386f9;; font-weight: 500; text-decoration: underline; padding-left:3px;}
.nominator .text-right{font-size:14px; font-weight:400; float:right; text-decoration: underline; color:#38C1CE;}
.nominator .text-right span.copy-box{ border-radius: 3px; background: #e9ecef; cursor: pointer; padding: 3px; margin-left: 3px; }
.nominator .text-right span.copy-box img{vertical-align: baseline; width: 11px;}
.MYpage .membership ul>li span.name{font-weight: 800; font-size: 20px;}

#memberContent .memberContent-in .contents .virtual-account-number { position:absolute;  line-height: 33px; bottom: 0; left: 0; padding: 8px 30px; width: 100%; height: 90px; background: #F5F8FA; }
#memberContent .memberContent-in .contents .virtual-account-number .col { width: 35%; }
#memberContent .memberContent-in .contents .virtual-account-number .col.text-right { width: 65%; font-size: 14px; font-weight: 400; }
#memberContent .memberContent-in .contents .virtual-account-number .text-right .num {letter-spacing:-0.8px; margin-left: 4px; font-size: 14px; font-weight: 500; }

#memberContent .memberContent-in .contents .user-cont-margin .tooltipB{vertical-align: middle;}
#memberContent .memberContent-in .contents .user-cont-margin .tooltipB i{color:#282828 !important;}
#memberContent .memberContent-in .contents .user-cont { margin-left: 2%;  width: 30%; height: 100% !important; }
#memberContent .memberContent-in .contents .user-cont .text-list { width: 100%; font-size: 14px; font-weight: 400; }
#memberContent .memberContent-in .contents .user-cont .text-list li { margin-bottom: 10px; }
#memberContent .memberContent-in .contents .user-cont-margin .text-list li:last-child { margin-bottom: 0; }
#memberContent .memberContent-in .contents .user-cont-margin .text-list li { margin-bottom: 10px; }
#memberContent .memberContent-in .contents .user-cont-margin .text-list span.text-list-top{width: 100%; height: auto; margin-bottom: 8px;padding-bottom:8px; border-bottom:1.5px solid #e1e5e8; display: inline-block;}
#memberContent .memberContent-in .contents .user-cont-margin .text-list li.accordion{cursor:pointer;}

#memberContent .memberContent-in .contents .user-cont .text-list li .link { color: #4386F9; font-size: 14px; font-weight: 400; text-decoration: underline; }
#memberContent .memberContent-in .contents .user-cont .text-list li .num { font-size: 14.5px; font-weight: 500; }
#memberContent .memberContent-in .contents .user-cont > .link { position: absolute; bottom: 30px; right: 30px; font-size: 14px; }

#memberContent .memberContent-in .contents .page-link-list { padding: 0; height: 60px; }
#memberContent .memberContent-in .contents .page-link-list .button { float: left; width: 16.66%; height: 100%; border-left: 1px solid #E9ECEF; font-size: 16px; font-weight: 500; text-align: center; line-height: 62px; }
#memberContent .memberContent-in .contents .page-link-list .button:hover { color: #4386F9; }
#memberContent .memberContent-in .contents .page-link-list .button:first-child { border-left: none; }

#memberContent .memberContent-in .contents .user-rate-info { padding: 0; }

#memberContent .memberContent-in .contents .user-rate-info .head .tab-list { float: left; }
#memberContent .memberContent-in .contents .user-rate-info .head .tab-list li { float: left; margin-right: 20px; color: #ADB5BD; font-size: 16px; font-weight: 500; }
#memberContent .memberContent-in .contents .user-rate-info .head .tab-list li.active { color: #548dfc; }
#memberContent .memberContent-in .contents .user-rate-info .head .text-right { float: right; color: #868E96; font-size: 13px; font-weight: 300; }

#memberContent .memberContent-in .contents .user-rate-info .body { padding: 20px; height: auto; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont.dis-none { display: none; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col.left { width: 74%; height: auto; }

#memberContent .memberContent-in .contents .user-rate-info .body .cont .col.left .sort{margin-bottom:15px;}
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col.left .sort .text-left span{ padding: 4px; cursor: pointer; font-size: 14px; font-weight: 400 !important; letter-spacing: -0.62px; }

#memberContent .memberContent-in .contents .user-rate-info .body .cont .col.text-right { width: 25%; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col.text-right .info-list { padding-left: 20px; text-align: left; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table { width: 100%; border-top: 2px solid #001639 }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .thead { width: 100%; background: #F9FAFC; font-size: 13px; font-weight: 500; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .thead .tr { border-bottom: 1px solid #E9ECEF; height: 44px; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .thead .th { float: left; padding: 12px 0px; width: 14%; height: 100%; text-align: center; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .thead .th:first-child { width: 10%; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .thead .th:nth-child(2){width: 22%;}
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .thead .th:last-child { width: 10%; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody { width: 100%; background: #fff; font-size: 13px; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .tr { border-bottom: 1px solid #E9ECEF; height: 40px; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td { float: left; padding: 12px 0px; width: 14%; height: 100%; text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td:nth-child(2){width:20%;}
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td:first-child { padding:5px !important; width: 10%; display: inline-block; font-weight:500; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td:nth-child(2){width: 22%;}
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td:last-child{width: 10%;}
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td .label { display: none; font-size: 11px; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td .n-text { margin-right: 2px; color: #ADB5BD; font-size: 11px; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td:last-child p.rentarIng-box{display: inline-block;padding: 2px 10px; font-size: 11px; background: #e1e5e8;color: #adb5bd;border-radius: 3px;;}

#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td span.num-bar{ display: inline-block; width:100%;margin-top: 8px; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td span.num-bar span.numBar{position: relative; width:70%; height: 15px;display: inline-block; background: #e9ecef; border-radius:5px; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td span.num-bar span.numBar span.numBar-in{position: absolute; background: #001639; border-radius:5px; height: 15px; width: 60%; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td span.num-bar>p{width:20%;font-size:11px; font-weight:400; float:right; color: #868e96;}

#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .thead .th { width: 20% !important; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .thead .th:first-child{ width: 20% !important; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .thead .th:nth-child(2){  width: 10% !important;}

#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .tbody .td { width: 20% !important; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .tbody .td:first-child{ width: 10% !important; padding:5px !important; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .tbody .td:nth-child(2){width:30% !important; }

.tbody .td .mypageRental-img{ position: relative !important; margin: 0 auto; height: 100%; text-align: center;}
.tbody .td .mypageRental-img>img{ position: relative; height:100%; box-sizing: border-box;}
.hoVerimg{width: 300px; height: auto; left:50px; position: absolute; z-index:1; display:none;  }
.hoVerimg>img{width:100%;}

.my-page .table.goods-market-list {}
.my-page .table.goods-market-list .thead .th { width: 16% !important; }
.my-page .table.goods-market-list .thead .th:first-child { width: 14% !important; }
.my-page .table.goods-market-list .thead .th:nth-child(2){width: 22% !important; }
.my-page .table.goods-market-list .thead .th:last-child { width: 16% !important; }

.my-page .table.goods-market-list .tbody .td { width: 16% !important;  white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.my-page .table.goods-market-list .tbody .td:first-child { width: 14% !important;  }
.my-page .table.goods-market-list .tbody .td:nth-child(2) { width: 22% !important; }

.my-page .table.goods-rental-list .thead .th,
.my-page .table.goods-rental-list .tbody .td { width: 12.5% !important; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.my-page .table.goods-rental-list .tbody .td:first-child,
.my-page .table.goods-rental-list .tbody .td:nth-child(2){ padding: 5px !important;}

.my-page .table.goods-sale-list .thead .th,
.my-page .table.goods-sale-list .tbody .td { width: 11.11% !important; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.my-page .table.goods-sale-list .tbody .td:first-child{ padding: 5px !important;}

#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.five .thead .th { width: 20%; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.five .tbody .td { width: 20%;  white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}

#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .info-list li { margin-bottom: 15px;position: relative; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .info-list li:after { content: ""; display: block; clear: both; *zoom: 1; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .info-list li .col { float: left; width: 60%; font-size: 14px; font-weight: 400; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .info-list li .col.text-right { width: 40%; font-weight: 500; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .info-list li .num { font-size: 15px; }

#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .info-list li .col span.question-mark{ margin-left:3px; position: relative;}
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .info-list li .col span.question-mark span.question-txt{ z-index: 10; top:15px; left: 0; display: none; box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06);color: #868e96;font-size: 12px;font-weight: 300;position: absolute; width: 200px; height: auto; padding: 5px; background-color: #fff;letter-spacing: -0.72px; background: #f1f3f5;border: 1px solid #e9ecef; border-radius: 3px; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .info-list li .col span.question-mark:hover span.question-txt{display:block;}

/*가상계좌 버튼*/
#memberContent .memberContent-in .contents .account-box { position: relative;}
#memberContent .memberContent-in .contents .account-box button.account{ margin-top: 40px;  width:100%; height: 55px;   background: linear-gradient(127deg, #43B3C2 50px, #38C1CE 129px, #5493E6 82%, #5B71DE ); border-radius: 5px;  border: none;}
#memberContent .memberContent-in .contents .account-box button.account a{font-size:16px;color: #fff; font-weight: 600;}

#myApplicationModal { padding-bottom: 110px;  }
#myApplicationModal .contents {  max-width: 600px; margin: 0 auto; padding: 60px 30px;}
#myApplicationModal .contents .head { margin-bottom: 20px; }
#myApplicationModal .contents .head .title { font-size: 20px; font-weight: 500; }
#myApplicationModal .contents .body .info-head { margin-bottom: 30px; text-align: center; }
#myApplicationModal .contents .body .info-head .text { color: #868E96; font-size: 14px; font-weight: 400; }
#myApplicationModal .contents .body .info-head .dot { padding: 0 8px; color: #CDD6DE; font-size: 12px; font-weight: 100; }
#myApplicationModal .contents .body .info-body { width: 100%; }

#myApplicationModal .contents .body .info-body { border: 1px solid #E9ECEF; }
#myApplicationModal .contents .body .info-body .tab-list .list li { float: left; padding: 15px; width: 50%; background :#E9ECEF; color: #ADB5BD; font-size: 14px; font-weight: 500; text-align: center; cursor: pointer; }
#myApplicationModal .contents .body .info-body .tab-list .list li.active { background: #fff; color: #001639; }
#myApplicationModal .contents .body .info-body .cont { overflow: auto; padding: 10px; height: 400px;}
#myApplicationModal .contents .body .info-body .cont.dis-none { display: none; }
#myApplicationModal .contents .body .info-body .cont .applicationList li { margin-bottom: 10px; padding: 10px; border: 1px solid #E9ECEF; }
#myApplicationModal .contents .body .info-body .cont .applicationList li.box{border:none; text-align:center;}
#myApplicationModal .contents .body .info-body .cont .applicationList li .content { margin: 10px 0; font-size: 13px; }
#myApplicationModal .contents .body .info-body .cont .applicationList li .content .label { float: left; width: 21%; color: #868E96; text-align: left; }
#myApplicationModal .contents .body .info-body .cont .applicationList li .content .title { float: right; padding-left: 10px; width: 79%; color: #343A40; font-weight: 500; text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#myApplicationModal .contents .body .info-body .cont .applicationList li .content .text { float: right; color: #343A40; font-weight: 500; }
#myApplicationModal .contents .body .info-body .cont .applicationList li .content .blue { color: #4386F9; }

/* myHistory */
#memberContent .memberContent-in .my-history .tab-head { padding: 0; width: 100%; }
#memberContent .memberContent-in .my-history .tab-head .menu-tab-list { width: 100%; }
#memberContent .memberContent-in .my-history .tab-head .menu-tab-list li { float: left;  width: 20%; height: 60px; background: #E9ECEF; font-size: 16px; font-weight: 500; color: #ADB5BD; text-align: center; }
#memberContent .memberContent-in .my-history .tab-head .menu-tab-list li a { display: block; padding: 18px; width: 100%; height: 100%; color: #ADB5BD; }
#memberContent .memberContent-in .my-history .tab-head .menu-tab-list li a:hover { background: #e0e4e8; }
#memberContent .memberContent-in .my-history .tab-head .menu-tab-list li.active { background: #fff; color: #001639; }
#memberContent .memberContent-in .my-history .tab-head .menu-tab-list li.active a {color: #212529; font-weight: 600;}
#memberContent .memberContent-in .my-history .tab-head .menu-tab-list li.active a:hover { background: #fff; }
#memberContent .memberContent-in .my-history .tab-head .menu-tab-list li.none { display: none; background: #fff; }

#memberContent .memberContent-in .my-history .tab-body .head .col { vertical-align: middle; }
#memberContent .memberContent-in .my-history .tab-body .head .label { margin-right: 10px; color: #343A40; font-size: 14px; font-weight: 500; vertical-align: top; }
#memberContent .memberContent-in .my-history .tab-body .head .select-lists-box { padding: 8px; width: 120px; height: 40px; background: #fff; border: 1px solid #E9ECEF; vertical-align: middle; }
#memberContent .memberContent-in .my-history .tab-body .head .transaction-type { margin-bottom: 10px; margin-right: 40px; vertical-align: top; }
#memberContent .memberContent-in .my-history .tab-body .head .transaction-date { margin-bottom: 10px; }
#memberContent .memberContent-in .my-history .tab-body .head .transaction-date .select-lists-box { width: 160px; }
#memberContent .memberContent-in .my-history .tab-body .head .transaction-date .anfruf { vertical-align: middle; }
#memberContent .memberContent-in .my-history .tab-body .head .transaction-date .list-day-okbtn { display: inline-block; margin-left: 8px; width: 80px; height: 40px; background: #001639; color: #fff; font-size: 14px; font-weight: 500; text-align: center; line-height: 42px; vertical-align: top; }
#memberContent .memberContent-in .my-history .tab-body .head .excel-download-box .button { width: 160px; height: 40px; background: #2AA268; color: #fff; font-size: 14px; font-weight: 500;  text-align: center; line-height: 42px; }
#memberContent .memberContent-in .my-history .tab-body .head .tab-list { float: left; }
#memberContent .memberContent-in .my-history .tab-body .head .tab-list li { display: inline-block; margin-right: 20px; color: #ADB5BD; font-size: 16px; font-weight: 500; cursor: pointer; }
#memberContent .memberContent-in .my-history .tab-body .head .tab-list li.active { color: #212529; font-weight: 700; }
#memberContent .memberContent-in .my-history .tab-body .head .krw { color: #868E96; font-size: 14px; font-weight: 300; }

#memberContent .memberContent-in .my-history .tab-body .body { padding: 30px 20px; }
#memberContent .memberContent-in .my-history .tab-body .body .tbl001 .thead .th { text-align: center; }
#memberContent .memberContent-in .my-history .tab-body .body .tbl001 .tbody .td { font-weight: 400; text-align: center; word-break: keep-all;}
#memberContent .memberContent-in .my-history .tab-body .body .tbl001 .tbody .td .title { display: inline-block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#memberContent .memberContent-in .my-history .tab-body .body .tbl001 .tbody .td .num { font-weight: 500; }
#memberContent .memberContent-in .my-history .tab-body .body .tbl001 .tbody .td.td-hover .right{position: relative;}
#memberContent .memberContent-in .my-history .tab-body .body .tbl001 .tbody .td.td-hover .tooltip-text{top: 20px;width: 220px;right: 5px;z-index: 100;}

#memberContent .memberContent-in .my-history .tab-body .body .info-box { margin-bottom: 20px; }
#memberContent .memberContent-in .my-history .tab-body .body .info-box ul.left{margin-bottom:20px;}
#memberContent .memberContent-in .my-history .tab-body .body .info-box ul.left li{margin-bottom: 5px;}
#memberContent .memberContent-in .my-history .tab-body .body .info-box .list li { display: inline-block; margin-left: 20px; font-size: 16px; font-weight: 400; }
#memberContent .memberContent-in .my-history .tab-body .body .info-box .list li .blue { color: #4386F9; }

#memberContent .memberContent-in .my-history .tab-body .body .cont .col .info-list li:after { content: ""; display: block; clear: both; *zoom: 1; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .info-list li .col { float: left; width: 60%; font-size: 14px; font-weight: 400; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .info-list li .col.text-right { width: 40%; font-weight: 500; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .info-list li .num { font-size: 15px; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .info-text { margin-top: 20px; padding-left: 20px; color: #868E96; font-size: 12px; font-weight: 300; text-align: left; word-break: keep-all; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .info-text .red { color: #F75467;  }

#memberContent .memberContent-in .my-history .tab-body .body .cont.dis-none { display: none; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col.left {  width: 74%; height: auto; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col.text-right { width: 25%; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col.text-right .info-list { padding-left: 20px; text-align: left; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table { width: 100%; border-top: 2px solid #001639 }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .thead { width: 100%; background: #F9FAFC; font-size: 13px; font-weight: 500; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .thead .tr { border-bottom: 1px solid #E9ECEF; height: 44px; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .thead .th { float: left; padding: 12px; width: 17%; height: 100%; text-align: center; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .thead .th:last-child { width: 12%; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody { width: 100%; background: #fff; font-size: 13px; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .tr {cursor:pointer; border-bottom: 1px solid #E9ECEF; height: 40px; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td { float: left; padding: 12px 2px;; width: 17%; height: 100%; text-align: center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .tr:hover{background:#e9ecef;}

#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td:nth-child(2){padding:5px;}
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td span.retar-imgs{display:inline-block; margin:0 auto; width:30px; height:30px;}
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td span.retar-imgs>img{width:100%;}

#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td:first-child { width: 32%; display: inline-block; font-weight:500; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td .label { display: none; font-size: 11px; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td .n-text { margin-right: 2px; color: #ADB5BD; font-size: 11px; }
#memberContent .memberContent-in .my-history .tab-body .body button.content-back-button{margin-bottom:15px;  border: 1px solid #868e96;border-radius: 5px; padding: 10px 15px; color: #868e96;font-weight: 500;}
#memberContent .memberContent-in .my-history .tab-body .body .info-box ul.notice li{color:#868e96; font-weight: 300;}

/*청약 취소 수량 입력 모달*/
#memberContent .memberContent-in .my-history .tab-body .body .tbl001 .tbody .td.td-button{padding: 0 !important;;}
.quantity-modal .contents .contents-top-in li{height: 20px !important; line-height: 20px !important; padding: 0 !important;;}
.quantity-modal .contents .contents-top-in li p{ font-size: 14px !important;}
.quantity-modal .contents .invest-button-two button{width: 100% !important;max-width: initial;  border-radius: 5px !important;}
.quantity-modal .contents h1{margin-top:20px;}
.quantity-modal .contents .quantity{max-width: 250px;    margin: 20px auto 30px;}
.quantity-modal .contents .quantity h3 input{ vertical-align: inherit; height: min-content; border: none; width: 89%; text-align: right; font-size: 18px; font-weight: 600; color: #548dfc;}
.quantity-modal .contents .quantity h3{height: 40px;line-height: 40px; padding:0 10px; border: 1px solid #e9ecef; border-radius: 5px;}
.quantity-modal .contents .quantity h2{ text-align: right;  margin-top: 5px; font-weight: 300;}
.quantity-modal .contents .quantity h2 span{font-weight: 600;}
.quantity-modal .contents .invest-notice{padding:20px 25px !important;; background: #FBFCFF !important;}

.receiptModal { padding: 30px; max-width: 480px; }
.receiptModal .close-x-btn { width: 15px; height: 15px; }

.receiptModal .contents .close-x-btn { width: 15px; height: 15px; }
.receiptModal .contents .head { width: 100%; }
.receiptModal .contents .head .title { font-size: 20px; font-weight: 500; text-align: left; }
.receiptModal .contents .body { margin: 20px 0; padding: 20px; border: 1px solid #E9ECEF; }
.receiptModal .contents .body .info-head { margin-bottom: 10px; }
.receiptModal .contents .body .info-head .text { float: left; font-size: 16px; font-weight: 500; }
.receiptModal .contents .body .info-head .text .blue { color: #4386F9; }
.receiptModal .contents .body .info-head .text-right { float: right; color: #ADB5BD; font-size: 13px; font-weight: 300; }
.receiptModal .contents .body .info-body { width: 100%; }
.receiptModal .contents .body .info-body .list { width: 100%; }
.receiptModal .contents .body .info-body .list .label {float: left; width: 50%; height: 24px; color: #868E96; font-size: 13px; text-align: left; }
.receiptModal .contents .body .info-body .list .text { float: left; width: 50%; height: 24px; font-size: 13px; font-weight: 500; text-align: right; }
.receiptModal .contents .body .info-body .list .text.num { font-weight: 14px; }
.receiptModal .contents .body .info-body .list .text.red { color: #F75467; }

#marketMenuTabContents .tooltip { position: relative; display: inline-block; margin-left: 2px; color: #4386F9; font-size: 14px; vertical-align: middle; }
#marketMenuTabContents .tooltip:hover .tooltip-text, .tooltip:active .tooltip-text { display: block; }
#marketMenuTabContents .tooltip .tooltip-text { display: none; position: absolute; left: 100%; bottom: 100%; padding: 10px; width: 220px; background: #f1f3f5; border: 1px solid #e9ecef; border-radius: 3px; -webkit-box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06); box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06); color: #868e96; font-size: 12px; font-weight: 300; }

#marketMenuTabContents .tab-contents .tab-head { padding-bottom: 20px !important; }
#marketMenuTabContents .tab-contents .tab-head .col { width: 49.8%; }
#marketMenuTabContents .tab-contents .tab-head .col .left { float: left; }
#marketMenuTabContents .tab-contents .tab-head .col .left.w20p { width: 20%; }
#marketMenuTabContents .tab-contents .tab-head .col .left.w80p { width: 80%; }
#marketMenuTabContents .tab-contents .tab-head .col .title { width: 100px; font-size: 14px; font-weight: 500; }
#marketMenuTabContents .tab-contents .tab-head .col .form-box { margin-bottom: 20px; width: 100%; }
#marketMenuTabContents .tab-contents .tab-head .col .form-box .input { width: 40%; height: 40px; border: 1px solid #E9ECEF; outline: none; }
#marketMenuTabContents .tab-contents .tab-head .col .button-box { margin-bottom: 20px; width: 100%; }
#marketMenuTabContents .tab-contents .tab-head .col .button-box .button { float: left; width: 18%; height: 40px; background: #fff; border: 1px solid #E9ECEF; border-left: none; color: #ADB5BD; font-size: 12px; text-align: center; line-height: 40px; cursor: pointer; }
#marketMenuTabContents .tab-contents .tab-head .col .button-box .button:first-child { border-left: 1px solid #E9ECEF; }
#marketMenuTabContents .tab-contents .tab-head .col .button-box .button.active { border: 1px solid #001639; color: #001639; }
#marketMenuTabContents .tab-contents .tab-head .col .search-box .input { width: 72%; height: 40px; outline: none; vertical-align: middle; }
#marketMenuTabContents .tab-contents .tab-head .col .search-box .search-button { fonts-size:14px; width: 26%; height: 40px; background: #001639; border: none; color: #fff; vertical-align: middle; outline: none; }

#marketMenuTabContents .tab-contents .tab-head .list { padding: 0 10px 15px; }
#marketMenuTabContents .tab-contents .tab-head .list::after { display: block; content:""; clear: both; }
#marketMenuTabContents .tab-contents .tab-head .list .label { float: left; font-size: 14px; }
#marketMenuTabContents .tab-contents .tab-head .list .text { float: right; font-size: 14px; font-weight: 500; }

#marketMenuTabContents .tab-contents .tab-body .tbl-title { position: relative; margin-bottom: 20px; padding: 10px 0 20px; width: 100%; border-bottom: 1px solid #e9ecef; }
#marketMenuTabContents .tab-contents .tab-body .tbl-title .title { font-size: 16px; font-weight: 500; }
#marketMenuTabContents .tab-contents .tab-body .tbl-title .tooltip-box { position: absolute; top: 20px; right: 0; color: #868E96; font-size: 14px; font-weight: 400; word-break: keep-all; }
#marketMenuTabContents .tab-contents .tab-body .tbl-title .tooltip-box .text { vertical-align: middle; }
#marketMenuTabContents .tab-contents .tab-body .tbl-title .tooltip-box .tooltip .tooltip-text { left: auto; bottom: auto; top: 100%; right: 0; width: 300px; }
#marketMenuTabContents .tab-contents .tab-body .tbl-title .tooltip-box .tooltip .tooltip-text strong { font-weight: 500; }
#marketMenuTabContents .tab-contents .tab-body .table .tbody .artwork-img { margin-top: -4px; height: 30px; }
#marketMenuTabContents .tab-contents .tab-body .table .tbody .light { font-weight: 300; }
#marketMenuTabContents .tab-contents .tab-body .table .tbody .tr::after { display: block; content: ""; clear: both; }
#marketMenuTabContents .tab-contents .tab-body .table .tbody .title { text-align: center; }
#marketMenuTabContents .tab-body .body .table.eleven .thead .th,
#marketMenuTabContents .tab-body .body .table.eleven .tbody .td { width: 9.09% !important; }

#marketMenuTabContents .tab-contents .market-detail-button { display: none; }
#marketHistoryDetail.dis-none { display: block; }

#memberContent .memberContent-in .my-history .tab-body .body .table.eleven .thead .th,
#memberContent .memberContent-in .my-history .tab-body .body .table.eleven .tbody .td{justify-content: center; width:8.8%; display: grid; align-content: space-around;}
#memberContent .memberContent-in .my-history .tab-body .body .table.eleven .thead .th:nth-child(1),
#memberContent .memberContent-in .my-history .tab-body .body .table.eleven .tbody .td:nth-child(1){width: 10%;}
#memberContent .memberContent-in .my-history .tab-body .body .table.eleven2 .thead .th,
#memberContent .memberContent-in .my-history .tab-body .body .table.eleven2 .tbody .td{width:8.1%;}
#memberContent .memberContent-in .my-history .tab-body .body .table.eleven .thead .th:nth-child(2),
#memberContent .memberContent-in .my-history .tab-body .body .table.eleven .tbody .td:nth-child(2){width:10%;}

#memberContent .memberContent-in .my-history .tab-body-realization{padding-top: 40px; border-top: 1px solid #e9ecef;}
#memberContent .memberContent-in .my-history .tab-body .realization{max-width: 850px; margin:0 auto; width:100%; height: 200px;}
#memberContent .memberContent-in .my-history .tab-body .realization .card{height: 150px;     padding: 25px; width:49%; border-left: 5px solid #001639;}
#memberContent .memberContent-in .my-history .tab-body .realization .card-box{margin-right:2%;}
#memberContent .memberContent-in .my-history .tab-body .realization .card li{width:100%; margin-bottom:7px;}
#memberContent .memberContent-in .my-history .tab-body .realization .card li p.text-right .num span{font-size:15px; font-weight:500;}

#memberContent .memberContent-in .my-rental .head .title { font-size: 16px; font-weight: 500; }
#memberContent .memberContent-in .my-rental .body { padding: 20px; }
#memberContent .memberContent-in .my-rental .body .contents .map-area { float: left; width: 62%; height: 500px; background: #F5F8FA; }
#memberContent .memberContent-in .my-rental .body .contents .info-area { float: left; padding-left: 10px; width: 38%;  }
#memberContent .memberContent-in .my-rental .body .contents .info-area .company-info { margin-bottom: 10px; padding: 20px; width: 100%; height: 110px; background: #F5F8FA; border: 1px solid #E9ECEF; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .company-info .cont .company-name { float: left; font-size: 13px; font-weight: 500; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .company-info .cont .company-number { float: right; font-size: 13px; font-weight: 500; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .company-info .cont .company-address { margin: 2px 0; color: #868E96; font-size: 11px; font-weight: 300; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .company-info .cont .benefits { margin-top: 10px; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .company-info .cont .benefits .benefits-title { margin-right: 20px; font-size: 12px; font-weight: 500; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .company-info .cont .benefits .benefits-text { font-size: 12px; font-weight: 300; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info { width: 100%; height: 390px; background: #fff; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list { overflow: auto; height: 100%; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li { margin-bottom: 10px ;padding: 10px; width: 100%; background: #fff; border: 1px solid #E9ECEF; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .left { float: left; width: 60%; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .img { overflow: hidden; float: left; width: 40px; height: 50px; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .img img { height: 100%; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .text-info { float: left; margin: 0 10px; padding-top: 8px; width: 68%; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .text-info .title { font-size: 13px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .text-info .text { color: #868E96; font-size: 11px; font-weight: 400; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .profits { padding-top: 4px; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .profits .content { margin-top: 4px; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .profits .content .label { font-size: 12px; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .profits .content .text-right { font-size: 12px; font-weight: 500; }

#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .profits .content span.question-mark{ position: relative;}
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .profits .content span.question-mark span.question-txt{ top:15px; right: 0; display: none; box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06);color: #868e96;font-size: 12px;font-weight: 300;position: absolute; width: 200px; height: auto; padding: 5px; letter-spacing: -0.72px; background: #f1f3f5; border: 1px solid #e9ecef; border-radius: 3px; }
#memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .profits .content span.question-mark:hover span.question-txt{display:block;}

#memberContent .memberContent-in .my-cpnPoint .tab-head { padding: 0; }
#memberContent .memberContent-in .my-cpnPoint .tab-head .menu-tab-list li { float: left; width: 50%; height: 60px; background: #E9ECEF; color: #ADB5BD; font-size: 16px; text-align: center; line-height: 60px; cursor: pointer; }
#memberContent .memberContent-in .my-cpnPoint .tab-head .menu-tab-list li.active { background: #fff; color: #001639; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .cont.dis-none { display: none; }

#memberContent .memberContent-in .my-cpnPoint .tab-body .table .tbody .td .title { display: inline-block; width:100%; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .table.four .thead .th { width: 25%; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .table.four .tbody .td { width: 25%; display: grid;}
#memberContent .memberContent-in .my-cpnPoint .tab-body .table.four .tbody .td.no-data { width: 100% !important; }

#memberContent .memberContent-in .my-cpnPoint .tab-body .contTab01 .table.four .thead .th { width: 20%; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .contTab01 .table.four .tbody .td{ width: 20%; }

#memberContent .memberContent-in .my-cpnPoint .tab-body .contTab02 .table.four .thead .th { width: 15.5%; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .contTab02 .table.four .thead .th:last-child,
#memberContent .memberContent-in .my-cpnPoint .tab-body .contTab02 .table.four .tbody .td:last-child { width: 22.5% !important; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .contTab02 .table.four .tbody .td{ width: 15.5%; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .contTab02 .table.four .tbody .td:last-child { width: 15.5%; }

#memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head { padding: 0 30px 20px; border-bottom: 1px solid #E9ECEF; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .title { float: left; width:50%; font-size: 16px; font-weight: 500; vertical-align: middle; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .tab-list { float: left; width: 50%; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .tab-list li { margin-right: 20px; color: #ADB5BD; font-size: 16px; font-weight: 500; cursor: pointer; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .tab-list li.active { color: #001639; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .point { font-size: 16px; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .point .blue { color: #4386F9; font-weight: 500; }

#memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .coupon-number { width: 50%; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .coupon-number .input { padding: 10px; width: 60%; height: 40px; border: 1px solid #E9ECEF; vertical-align: middle; outline: none; }
#memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .coupon-number .input::placeholder{font-size: 14px !important;;}
#memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .coupon-number .button {  border-radius: 5px; width: 110px; height: 40px; background: #4386F9; border: 1px solid #4386F9; color: #fff; font-size: 14px; font-weight: 500; vertical-align: middle; }

#memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-body { padding: 30px 0; }

#memberContent .memberContent-in .vr-banner { overflow: hidden; position: relative; margin-bottom: 30px; width: 100%; height: 100px; background: #495057 url(/images/fo/vr-banner.png) no-repeat; background-size: 40%; background-position: 5% 20%; }
#memberContent .memberContent-in .vr-banner .right { position: absolute; top: 28px; right: 50px; color: #fff; }
#memberContent .memberContent-in .vr-banner .right .text { display: inline-block; margin: 0 20px; font-size: 20px; font-weight: 300; }
#memberContent .memberContent-in .vr-banner .right .button { display: inline-block; padding: 12px 43px; background: #E85577; border: none; border-radius: 3px; color: #fff; font-size: 18px; font-weight: 500; cursor: pointer; outline: none; }

#memberContent .memberContent-in .my-gallary .tab-head { padding: 0; }
#memberContent .memberContent-in .my-gallary .tab-head .menu-tab-list { pointer-events: no; }
#memberContent .memberContent-in .my-gallary .tab-head .menu-tab-list li { float: left; width: 25%; height: 60px; background: #E9ECEF; color: #ADB5BD; font-size: 16px; text-align: center; line-height: 60px; cursor: pointer; }
#memberContent .memberContent-in .my-gallary .tab-head .menu-tab-list li.active { background: #fff; color: #212529;font-weight: 600; }

#memberContent .memberContent-in .my-gallary .tab-body { min-height: 500px; }
#memberContent .memberContent-in .my-gallary .tab-body .info-box { text-align: right; font-size: 16px; font-weight: 400; }
#memberContent .memberContent-in .my-gallary .tab-body .info-box p.notice{  text-align: left;font-size: 14px;padding: 15px 20px;border-radius: 5px;background: #f9fafc;}
#memberContent .memberContent-in .my-gallary .tab-body .info-box .col {   display: flex;align-items: flex-end;justify-content: flex-end; }
#memberContent.subscription-history .memberContent-in .my-gallary .tab-body .info-box .col{height: 65px;}
#memberContent .memberContent-in .my-gallary .tab-body .info-box .blue { color: #4386F9; }
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box { margin: 30px 0; }

#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li {padding:20px;  position: relative; margin: 0 auto 20px; max-width: 700px; width: 100%; border: 1px solid #E9ECEF; }
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .left { float: left; }
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .img { overflow: hidden; width: 150px; height: 150px; }
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .img img { height: 100%; }
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .text-box {    padding: 0 0 0 20px; width: 70%; width: calc(100% - 150px); }
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .text-box .title { display: inline-block; width:100%; font-size: 16px; font-weight: 500; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .text-box .name { color: #868E96; font-size: 13px; font-weight: 400; }
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .text-box .text { display: inline-block;    margin: 30px 0 0 0; width: 60%; font-size: 14px; font-weight: 500; }
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .text-box .text.sale-amount{    position: relative;  padding-top: 40px; }
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .text-box .text.sale-amount .num{color: #E85555;}
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .text-box .text.piece{margin: 15px 0;}
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .text-box .text.sale-amount .state{  position: absolute;top: 12px;font-size: 12px;background: #f4f5f7;left: 0;border: 1px solid #e85555;color: #e85555;padding: 2px 14px;}
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .ic-view { position: absolute; top: 20px; right: 20px; cursor: pointer; display: flex; font-size: 16px; }
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .button.certificate { border-radius: 5px; position: absolute; bottom: 20px; right: 20px; padding: 10px 20px; background:#548dfc; border: none; color: #fff; font-size: 14px; font-weight: 500; outline: none; }
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .ic-view .fa-map-location-dot{font-size: 24px; margin-right:10px;}
#memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .ic-view .fa-circle-question{color:#868e96; vertical-align: text-bottom;}

.tab-body .content .body>div>img{width:50%;}

#certificateModal { padding: 0 0 1.3%; width: 100%; max-width: 530px; }
#certificateModal .contents .head { padding: 3%; border-bottom: 1px solid #E9ECEF; }
#certificateModal .contents .head .title { font-size: 18px; font-weight: 16px; }
#certificateModal .contents .body .certificate-area { margin: 3% auto 0; width: 100%; max-width: 500px; }

#myImgModal { width: 100%; max-width: 1200px; }
#myImgModal .artwork-img { width: 100%; }

/*투자청약 마이페이지*/
.moneybox-invest.moneybox-invest-top{height:80px; line-height: 80px;}
.moneybox-invest{font-weight: 600; font-size: 16px;}
.moneybox-invest p.label{color:#fff;}
.moneybox-invest p.label span.side-text{font-size:12px; font-weight: 100; margin-left: 4px;}
.moneybox-invest p.label span.side-text strong{font-weight: 600;}
.moneybox-invest p.text-right{margin-top: 5px; padding-left: 30px; }
.moneybox-invest p.text-right i{color:#4960D5; font-size: 14px;}
.moneybox-invest div{width:49%;}
.moneybox-invest .content p.text-right i{font-size:16px; color: #868e96; cursor: pointer;}
.moneybox-invest ul.notice{background:#fff; box-shadow: 0 3px 9px rgba(0,0,0,0.06); padding: 30px 40px;}
.moneybox-invest ul.notice li{  font-weight: 400;  font-size: 14px;color: #868e96;text-indent: -8px;line-height: 20px;padding-left: 8px;margin-bottom: 8px;}
.moneybox-invest.corporation-top div.left{width: 100% !important;}
#memberMoney .Moneybox3.corporation-wallet .wallet span.copy{
    font-size: 16px;
    background: #F2F6FF;
    border-radius: 20px;
    padding: 10px 15px;
    color: #4960D5;
    font-weight: 600;
    display: block;
    width: 100%;
    max-width: 160px;
    text-align: center;
    border: 2px solid #4960D5;
    cursor: pointer;
    float: right;
}
#memberMoney .Moneybox3.corporation-wallet p.wallet{ margin: 50px 0 !important;}

#memberMoney .tooltip-box .tooltip .tooltip-text{z-index: 10;line-height: 1.4;}

.moneybox-invest span.bank,
.top-banner-box span.bank{
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    background: #868e96;
}
.moneybox-invest span.bank img,
.top-banner-box span.bank img{width: 100%; vertical-align: top;}
.change .tooltip-text{background: #fff !important; padding: 0 !important;;}
.change .tooltip-text .content h1{line-height: initial;font-size: 16px; padding: 15px 20px; border-bottom: 1px solid #E9ECEF;}
.change .tooltip-text .content ul{padding: 20px;}
.change .tooltip-text .content ul li{clear: both; margin-bottom: 4px; height: 20px;}
.change .tooltip-text .content p{    line-height: initial !important;}
.change .tooltip-text .content p.sub{font-size: 12px; font-weight: 400; line-height: 20px !important; padding: 20px;  background: #FBFCFF;}
.change .tooltip-text .content ul li p.col{font-size: 14px; font-weight: 500; float: left;}
.change .tooltip-text .content ul li p.label{color:#38C1CE;   width: 80px;}
.change .tooltip-text .content ul li p.text-right{text-align: right; }
.change ul>li p.type{line-height:45px; color:#38C1CE !important; font-size:18px !important; font-weight:700; }
.change ul>li p.btn a{background:#F2FEFF;  display: inline-block; border-radius:5px; padding:6px 20px; color: #38C1CE; font-size:16px; font-weight: 700; border:2px solid #38C1CE;}
.change ul>li.type-notice{background:#FBFCFF;padding: 15px 20px;  line-height: 20px !important;margin-top: 60px; color: #212529;}
.money-dashboard{font-size: 16px; font-weight: 500;}
.money-dashboard p{line-height:30px;  display: table-cell; text-align: right;}
.money-dashboard p.right{width:83%;}
.money-dashboard p button{font-weight: 400;height: 30px;background: #fff;border: 1.5px solid #CDD6DE;color: #868E96;border-radius: 5px;font-size: 14px;float: left;margin-right: 1%;width: 15.8%;}
.money-dashboard p button:last-child{ margin-right: 0;}
.money-dashboard p button.on{ background:#F2F6FF; border:2px solid #9EBCFF; color: #548dfc;}
.money-dashboard select{ vertical-align: bottom;width: 100px;height: 35px;float: right;border: 1px solid #e9ecef;font-size: 12px;padding: 0 5px;}
.money-dashboard .calendar{ width: 100%;display: flex;align-items: center;padding-left: 6px;justify-content: flex-start;}
.money-dashboard .calendar input{ border: 1px solid #CDD6DE; width: 25%; height:40px;  border-radius: 5px;  font-weight: 400;color: #868e96; font-size: 14px;padding-left: 10px;}
.money-dashboard .calendar p{ padding: 0 6px; color: #868e96; }
.money-dashboard .search-sortation .right button{ width: 62%;      height: 40px;}
.money-dashboard .search-sortation .right button:last-child{margin-right:0; width: 37% !important; }
.money-dashboard .search-sortation p.sub{ color: #495057; font-size:14px; width: 100%; text-align: right; display: inline-block; font-weight: 400; margin: 5px 0 15px 0; line-height: 20px; }
/*구분,조회기간,셀렉*/
.money-dashboard .section-dashboard{display: flex;justify-content: space-between; margin: 10px 0;}
.money-dashboard .section-dashboard p.left{font-size: 14px; line-height: 40px;max-width: 120px;text-align: left;width: 100%;padding-right: 10px;}
.money-dashboard select{ background: url(/images/fo/svg/select-down.svg) no-repeat calc(100% - 4px) / 10px auto; float: none;  padding-right: 20px; width: auto;  height: 40px; border-radius: 5px;  border: 1px solid #CDD6DE; -webkit-appearance:none;}
.money-dashboard .transfer-select{display: flex; justify-content: space-between; align-items: center;}
.money-dashboard select.sortation-box{    width: 280px;}
.money-dashboard select.day-box{    width: 80px;}
.money-dashboard .section-dashboard .search-day,
.money-dashboard .section-dashboard .Moneybox2-pc{display: flex;}
.money-dashboard .section-dashboard select#transactionType{width:90px; border-radius: 0 !important;; background: #e9ecef;}
.money-dashboard p.sub{font-size: 14px;font-weight: 500;margin-bottom: 20px;display: inline-block;}
.money-dashboard p.sub span{color:#5B71DE;}
.money-dashboard p.before-deposit{font-size: 16px; color:#868E96; border: 1px solid #cdd6de;border-radius: 5px;padding: 5px 20px;background: #f5f8fa;}
.money-dashboard p.before-deposit span.deposit{ color: #adb5bd; padding: 0 3px 0 10px;}
.money-dashboard .section-dashboard .search-day .virtual-account{position: absolute; right: 20px; top:403px;}
.money-dashboard .section-dashboard .search-day .virtual-account.Moneybox2-mo{display: none;}
.money-dashboard .section-dashboard .search-day .virtual-account.Moneybox2-mo select{border: none; width: 80px;  border-radius: 0;height: 20px;margin-top: 10px;color: #868e96;padding: 0;}
.money-dashboard p.transfer-select{display: flex;justify-content: flex-end;align-items: center;float: right;}
.money-dashboard p.transfer-select span.label{font-size:14px; padding-right:10px;}
.money-dashboard .gory-dashboard{display:inline-block;}

h1.Money-title{font-size:18px;font-weight: 600; width:100%; background:#F2F6FF; border-bottom: 1px solid #f4f5f7; height:60px; line-height:60px; color:#343a40; padding: 0 40px; letter-spacing: -1.44px;}
div.money-all h1{font-size:16px;  display: inline-table; align-items: center; justify-content: space-between;font-weight: 500;  width: 48%; margin: 10px 0; background: #F5F8FA; border-radius: 5px; padding: 20px 35px; }
div.money-all h1.deposit i{color: #F4875F !important;}
div.money-all h1 i{font-size: 16px; margin-left: 5px; color:#5A8DFC;}
div.money-all h1.withdraw{ float:right; }
div.money-all h1 span.won{font-size:16px !important; font-weight:400 !important;}
div.money-all h1 span{font-weight:600; font-size: 18px; }
#memberMoney .card{padding:0;     border-radius: 10px;overflow: hidden;}
#memberMoney .card.card-title{width:100%;}
#memberMoney{max-width:1200px; width:100%; margin:0 auto;}
#memberMoney .Moneybox1{width:49%; height: 580px; margin-right:2%; float: left;}
#memberMoney .Moneybox1 .moneybox-text{padding:30px;}
#memberMoney .Moneybox1 .moneybox-text p{text-indent: -12px; font-size: 14px; color:#868e96; letter-spacing: -0.56px; height:auto; margin-bottom:4%;}
#memberMoney .Moneybox1 .moneybox-text p>span{padding: 0 5px;}
#memberMoney .Moneybox1 .moneybox-text p>span.point{padding:0; font-weight: 500; color:#ef2929;}

#memberMoney .Moneybox123all{width: 100%; clear:both;  margin-bottom: 30px;}
#memberMoney .Moneybox2_3all{display: flex; width: 100%; margin-bottom: 30px; height: 330px; }
#memberMoney .Moneybox2{  width: 70%;margin-left: 30px;}
#memberMoney .Moneybox2.Moneybox2-mo{display: none;}
#memberMoney .Moneybox2.Moneybox2-mo h1.Money-title{background: #38C1CE !important;}
#memberMoney .Moneybox2.Moneybox2-pc{display: block;}
#memberMoney .Moneybox2>ul{  padding: 30px 40px;}
#memberMoney .Moneybox2>ul>li{line-height: 30px; height:auto; width:100%;}
#memberMoney .Moneybox2>ul>li p.col { float: left; width: 30%; color: #868e96; font-size:14px;letter-spacing: -0.56px;}
#memberMoney .Moneybox2>ul>li p.col.text-right { width: 50%; text-align: right; float: right;}
#memberMoney .Moneybox2>ul>li p.text-right-fontsize{font-size: 15px; color:#343a40; letter-spacing:-0.6px;}
#memberMoney .Moneybox2>ul>li p.text-right-bold{font-size: 16px !important; color: #343a40; letter-spacing: -0.6px; font-weight: bold;}
#memberMoney .Moneybox2>ul>li p.my{line-height: 45px;display: inline;padding-right: 5px;width: auto;}

#memberMoney .Moneybox3{width:100%; background: linear-gradient(-230deg, #43B3C2 20px, #38C1CE 259px, #5493E6 80%, #5B71DE );}
#memberMoney .Moneybox3 .Moneybox3-in-bottom{ position: absolute;bottom: 0;background: #ffffff24;width: 100%;height: 110px;padding: 20px 40px !important;}
#memberMoney .Moneybox2 h1.Money-title{background: #fff !important;}
#memberMoney .Moneybox3 .Moneybox3-in .red-notice{max-width: 200px;text-align: right;font-size: 13px;color:#fff; float: right; font-weight: 300;}
#memberMoney .Moneybox3 .Moneybox3-in{    padding: 40px;}
#memberMoney .Moneybox3 .Moneybox3-in h1.title{ font-weight: 600; font-size: 18px; color:#fff;}
#memberMoney .Moneybox3 .Moneybox3-in p.wallet{  font-size: 20px;margin: 5px 0 20px 0; color: #fff;}
#memberMoney .Moneybox3 .Moneybox3-in p.wallet span{    font-size: 26px; font-weight: 600; color: #fff;}
#memberMoney .Moneybox3 .Moneybox3-in ul li{width:100%; height:30px;  margin: 5px 0;}
#memberMoney .Moneybox3 .Moneybox3-in ul li p.col-Btn{width:50%;}
#memberMoney .Moneybox3 .Moneybox3-in ul li p button.money-btn1{font-size:12px; width:60px; height:25px; background:#4386f9; border-radius: 100px; border:none; box-shadow:none; color: #fff; font-weight: 600; letter-spacing:-0.6px;}
#memberMoney .Moneybox3 .Moneybox3-in ul li.Moneybox3-margintop{margin-top: 26px;}
#memberMoney .Moneybox3 .Moneybox3-in ul li p.col { float: left; font-size:16px;letter-spacing: -0.56px;}
#memberMoney .Moneybox3 .Moneybox3-in ul li p.label{color: #343a40;font-weight: 500; position: relative;}
#memberMoney .Moneybox3 .Moneybox3-in ul li p.col.text-right { width: 55%; text-align: right; float: right;}
#memberMoney .Moneybox3 .Moneybox3-in ul li p.col.text-right input{ width: 100%;text-align: right; padding-right:5px; border: 1px solid #e9ecef;}
#memberMoney .Moneybox3 .Moneybox3-in ul li p.col.text-right-bold{font-size: 17px; font-weight: 500; color: #343a40;}
#memberMoney .Moneybox3 .Moneybox3-in .money-btn2{ border-radius: 5px; width: 35%; height: 55px; background: #4960D5;  color: #fff; font-size: 18px; letter-spacing: -0.72px; font-weight: bold; border:none; box-shadow: none;}
#memberMoney .Moneybox3 .Moneybox3-in .money-btn2.deposit-btn{background:#F2F6FF; border: 2px solid #003DFD; color: #003DFD; border-radius: 5px;}
#memberMoney .Moneybox3 .Moneybox3-in .money-btn2 i.fa-solid{font-size: 16px !important;margin-right: 6px;}

#memberMoney .Moneybox3 .wallet-deposit{display: flex; justify-content: space-between;}
#memberMoney .Moneybox3 .wallet-deposit-top{padding-top:15px;}

#memberMoney .Moneybox4{ width: 100%;}
#memberMoney .Moneybox4 h1.Money-title{background: #adb5bd; color:#fff;}
#memberMoney .Moneybox4 .history-all-box{padding: 30px 50px;}
#memberMoney .Moneybox4 section.table{clear:both;border-top: 2px solid #001639; margin: 10px auto;overflow: hidden; height: auto;}
#memberMoney .Moneybox4 section.table .thead{ width: 100%; background: #F9FAFC; font-size: 13px; font-weight: 500; }
#memberMoney .Moneybox4 section.table .thead .tr { border-bottom: 1px solid #E9ECEF; height: 40px; }
#memberMoney .Moneybox4 section.table .thead .th{ float: left; padding: 12px; width: 25%; height: 100%; text-align: center;}

#memberMoney .Moneybox4 section.table.five .thead .th,
#memberMoney .Moneybox4 section.table.five .tbody .td{
    width: 20% !important;
    word-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#memberMoney .Moneybox4 section.table .tbody { width: 100%; background: #fff; font-size: 13px; }
#memberMoney .Moneybox4 section.table .tbody:nth-child(2n-1){background: #fcfcfe;}
#memberMoney .Moneybox4 section.table .tbody .tr { border-bottom: 1px solid #E9ECEF; height: 40px; }
#memberMoney .Moneybox4 section.table .tbody .td { float: left; padding: 12px; width: 25%; height: 100%; text-align: center; }
#memberMoney .Moneybox4 section.table .tbody .td span.label{display:none;}

#memberMoney .Moneybox4 section.table.three .thead .th,
#memberMoney .Moneybox4 section.table.three .tbody .td{width: 33.33% !important;;}

#memberMoney .Moneybox2_3all ul li p.text-right span.reset-btn a>img{vertical-align: middle; margin-left:5px;}

article#myDeposit{max-width:500px; width:100%;}
article#myDeposit .body{padding: 20px 0;}
article#myDeposit .body h1{font-size:16px; font-weight:400; color:#343a40; letter-spacing:-0.62px;}
article#myDeposit .body p{font-size:14px; color:#868e96; letter-spaicng:-0.72px;    line-height: 22px;}
article#myDeposit .body>div{ width: 100%;height: 60px; max-width: 330px; margin: 25px auto 0;}
article#myDeposit .body h2{cursor:pointer; background:#001639; float:left; height:60px; width:49%; text-align:center; line-height:60px; color:#fff; font-weight: 500; font-size:18px;}
article#myDeposit .body h1.last{margin-top:10px;}
article#myDeposit .body span.point{color:#ef2929;}
article#myDeposit .body h2.no{background:#868E96; margin-left:2%;}

.pagination{padding:10px 0; clear: both;}
.pagination ul{ display: inline-block; margin: 0 auto; text-align: center; }
.pagination ul li{ float: left; width: 25px;  margin-right:5px;  height: 25px; text-align: center;}
.pagination ul li:last-child{margin-right:0;}
.pagination ul li a{font-size: 14px;font-weight: 500; color: #868e96; line-height: 25px;}
.pagination ul li.on{background:#212529; border-radius: 5px; }
.pagination ul li.on a{color:#fff;}
.pagination .disabled a,
.pagination .next a,
.pagination .last a,
.pagination .first a,
.pagination .prev a{color:#868e96; font-weight:400;}

.bg-gray { background: #F4F5F7; }
.member-head{display: table; width: 100%; height: 200px; text-align: center; }
.member-head .title { display: table-cell; font-size: 36px; font-weight: 700; vertical-align: middle; text-align: center; letter-spacing: -1.44px; color:#343a40;}
.member-head .title span.title-sub{display: block;font-size: 14px;color: #868E96;font-weight: 400;margin-top: 12px;line-height: 22px;}

#Login .Login-form{ width:100%; max-width:1200px; margin: 0 auto; padding-bottom:350px;}
#Login .Login-form .Login-in{padding: 60px 40px; width: 100%; max-width: 500px; margin:0 auto; background: #fff; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);}
#Login .Login-form .Login-in h2.Login-title{padding-bottom:10px; font-size: 16px; color:#343a40; line-height:26px; font-weight:500; letter-spacing:-0.56px;}
#Login .Login-form .Login-in .login-main{width:100%; margin-bottom:20px;}
#Login .Login-form .Login-in .login-main:nth-child(2){margin-bottom:10px;}
#Login .Login-form .Login-in .login-main:nth-child(2) input{position: relative;}
#Login .Login-form .Login-in .login-main input{max-width:500px; background:#fff; border:1px solid #e9ecef; width: 100% !important; height: 50px;}
#Login .Login-form .Login-in .login-button{height: 70px; background: #001639; width: 100%; border-radius: 12px; margin: 50px 0 10px 0;}
#Login .Login-form .Login-in .login-button a{color: #fff; font-size: 18px;    font-weight: 600;  text-align: center; display: inline-block; width: 100%;line-height: 70px;}

#Login .Login-form .Login-in .login-main i{ font-size:18px; color: #343a40;}
#Login .Login-form .login-keep{line-height:22px;padding:0;width:45%; float: left;}
#Login .Login-form .login-keeps label{font-size: 14px; letter-spacing: -0.52px; color: #343a40; vertical-align: text-top;}
#Login .Login-form .login-keeps input.styled-checkbox + label:before {border-radius: 0;}

#Login .Login-form ul.login-menu{display: flex; justify-content: center; margin-top: 40px; align-items: center;}
#Login .Login-form ul.login-menu span.side-bar{ width: 1px; height: 10px; background: #cdd6de; display: inline-block; margin: 0 15px;}
#Login .Login-form ul.login-menu li a{ font-size: 14px; line-height:30px; letter-spacing: -0.52px; font-weight:500;}

#Login .Login-form .Login-Btn input.submit-btn{background: #212529; letter-spacing: -0.8px; font-weight: bold; font-size: 20px; margin-top: 40px; border:none; width: 100%; max-width: 450px; height: 70px; margin-bottom: 10px; border-radius: 10px;}
#Login .Login-form .kakao{width: 100%; max-width: 450px; height: 70px; margin-bottom:0; border-radius: 12px;}
#Login .Login-form .kakao a{  color: #191919; line-height: 70px;font-weight: 600; font-size: 18px; letter-spacing: -0.8px; padding:0;}
#Login .Login-form .kakao a:after{display:none;}
#Login .Login-form .login-keeps input.styled-checkbox:checked + label:before{background: #001639;}
#Login .Login-form .toss{background:#0064FF;  margin-bottom: 10px;}
#Login .Login-form .toss a{color:#fff;}

#Join .Join-in{ width:100%; max-width:1200px; margin: 0 auto; padding-bottom:350px;}
#Join .Join-in .Join-in-text{padding: 50px 40px; width: 100%; max-width: 500px; margin:0 auto; background: #fff; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);}
#Join .Join-in .Join-in-text p.join-btn{border-radius: 5px; width: 100%; max-width: 400px; height: 70px;margin: 20px auto;}
#Join .Join-in .Join-in-text p.join-btn a{width: 100%; display: block; text-align: center; font-size: 20px; line-height:70px; font-weight: bold;letter-spacing: -0.72px;}
#Join .Join-in .Join-in-text p.join-btn:nth-child(1){background: #212529;}
#Join .Join-in .Join-in-text p.join-btn:nth-child(1) a{color: #fff;}
#Join .Join-in .Join-in-text p.join-btn:nth-child(2){background: #fedd33;}
#Join .Join-in .Join-in-text p.join-btn:nth-child(2) a{color: #3b1e1e;}
#Join .Join-in .Join-in-text p.join-btn:nth-child(3){background:#0064FF;}
#Join .Join-in .Join-in-text p.join-btn:nth-child(3) a{color: #fff;}
#Join .Join-in .Join-in-text p.join-btn:nth-child(4){background: #e9ecef;}
#Join .Join-in .Join-in-text p.join-btn span.iconimg,
.Login-Btn a span.iconimg{ vertical-align: middle;  display: inline-block;width: 20px;height: 20px;margin-right: 4px;}
#Join .Join-in .Join-in-text p.join-btn span.iconimg img,
.Login-Btn a span.iconimg img{width: 100%;}

.re-red{margin-left: 3px;color:#f75467 !important;}
#Crprt .company-join{margin:0 auto; max-width: 1000px; width: 100%; padding-bottom:200px;}
#Crprt .company-join .Crprt-in{background: #fff; padding:50px 40px 70px 40px; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);}
#Crprt .company-join .Crprt-in .require-notice{margin-top:-10px; font-size: 14px; letter-spacing: -0.56px; color: #adb5bd; font-weight: 400;}
#Crprt .company-join .Crprt-in .company-join-form h3{font-size:18px; font-weight: 700; letter-spacing:-0.72px; color:#343a40;}
#Crprt .company-join .Crprt-in .company-join-form .company-left input.radio-check + label{cursor: pointer; display: inline-block;    width: 100%; height: 50px;line-height: 50px;text-align: center;border: 1px solid #e9ecef;background: #fff !important;color: #868e96;font-size: 16px;font-weight: 400;}
#Crprt .company-join .Crprt-in .company-join-form .company-left input:checked + label{ border: 1px solid #548dfc;color: #548dfc;     background: #F3F7FF !important;}
#Crprt .company-join .Crprt-in .company-join-form .company-left .buisness-radio{margin-top:20px;}
#Crprt .company-join .Crprt-in .company-join-form .company-left .buisness-radio .radio{ float: left; width: 50%;}

#Crprt .company-join .Crprt-in .company-join-form{max-width:100%;}
#Crprt .company-join .Crprt-in .company-join-form>div{ width:50%;}
#Crprt .company-join .Crprt-in .company-join-form .company-left{padding-right: 40px; border-right: 1px solid #f4f5f7;}
#Crprt .company-join .Crprt-in .company-join-form .company-right{padding: 0 0 0 40px;}
#Crprt .company-join .Crprt-in .company-join-form .company-right .button-arrow{ display: flex;}
#Crprt .company-join .Crprt-in .company-join-form .company-right .button-arrow .phone-button{border-radius: 10px;border: 2px solid #F0F0F0;background: #fff;width: -webkit-fill-available;margin-right: 10px;}
#Crprt .company-join .Crprt-in .company-join-form .company-right .button-arrow .phone-button a{width: 100%;display: inline-block;font-size: 16px;font-weight: 600;line-height: 65px;height: 100%;}

#Crprt .company-join .Crprt-in .company-join-form > div >p> label{font-weight: 400; letter-spacing: -0.56px; font-size: 14px; margin: 20px 0 10px 0; display: block !important;}
#Crprt .company-join .Crprt-in .company-join-form > div >p> input{height: 50px; max-width: 450px; border: 1px solid #e9ecef;     margin-bottom: 4px;}
#Crprt .company-join .Crprt-in .company-join-form > div >p> input.hasValue-confirm{width: 68%;}
#Crprt .company-join .Crprt-in .company-join-form > div button.confirm-btn{ border: none;margin: 0;width: 30%;float: right;     font-size: 14px;}
#Crprt .company-join .Crprt-in .company-join-form > div button.confirm-btn-check{background: #868e96 !important;}
#Crprt .company-join .Crprt-in .company-join-form span.agree-label{font-weight: 500; letter-spacing: -0.56px; font-size: 14px; margin: 20px 0 10px 0; display: block !important;}
#Crprt .company-join .Crprt-in .company-join-form .agree-cont-in label{color: #343a40; font-size: 13px; letter-spacing:-0.52px;}
#Crprt .company-join .Crprt-in .company-join-form button.crprtjoin-btn{border-radius: 5px; margin-top: 40px; max-width: 500px; width:100%; border:none; height: 70px; background: #212529; color: #fff; font-size: 20px; font-weight: bold; letter-spacing:-0.8px;}
#Crprt .company-join .Crprt-in .company-join-form > div >p span.notice-bottom,
#Crprt .company-join .Crprt-in .company-join-form .company-right span.notice-bottom{    background: #f9fafc;display: inline-block;padding: 10px;font-size: 14px;border: 1px solid #e9ecef;line-height: 20px;margin-top: 5px;text-indent: -5px;padding-left: 20px;}

.agree-cont-in span.look-detail{font-weight: 500; color: #343a40; font-size: 13px; letter-spacing:-0.52px;}/* 빟愿  룞 쓽 怨듯넻*/

#Crprt .company-join .Crprt-in .company-join-form > div >p span.Gender{height: 50px; width: 100%;display: inline-block;}
#Crprt .company-join .Crprt-in .company-join-form > div >p span.Gender input{display:none;}
#Crprt .company-join .Crprt-in .company-join-form > div >p span.Gender input[id="genders1"] + label{cursor:pointer; width: 50%; float: left; padding:0; font-weight: 500; letter-spacing: -0.64px; color: #adb5bd; font-size: 16px; border: 1px solid #e9ecef; height: 50px; text-align: center; line-height: 50px;}
#Crprt .company-join .Crprt-in .company-join-form > div >p span.Gender input[id="genders2"] + label{cursor:pointer; width: 50%; float: left; padding:0; font-weight: 500; letter-spacing: -0.64px; color: #adb5bd; font-size: 16px; border: 1px solid #e9ecef; height: 50px; text-align: center; line-height: 50px;}
#Crprt .company-join .Crprt-in .company-join-form > div >p span.Gender input:checked + label{border:1px solid #548dfc; color: #548dfc; cursor:pointer;}

.agree-cont{padding:0; letter-spacing:-0.52px;}
.agree-cont-in{padding: 6px 0; display: flex;justify-content: space-between;align-items: center;}
.agree-cont-in span.look-detail{font-weight: 300; color: #212529; font-size: 14px; letter-spacing:-0.52px;}
input.styled-checkbox + label:before {border-radius: 0; vertical-align: middle;}
input.styled-checkbox:checked + label:before{background: #001639; vertical-align: middle; border: 1px solid #adb5bd;}
#auctionsModal .styled-checkbox:checked + label:after{top:5px !important;}

#joinEmail{padding-bottom:200px;}
#joinEmail .joinEmail-in ul.crprt-join{display: flex; color: #ADB5BD; justify-content: space-between; margin-top: 25px;}
#joinEmail .joinEmail-in ul.crprt-join button{border: none;  background: #fff;}
#joinEmail .joinEmail-in ul.crprt-join button a{font-size:14px; font-weight: 500;  color:#ADB5BD; text-decoration: underline; letter-spacing: -0.32px;}
#joinEmail .joinEmail-in ul.crprt-join button a i{font-size:8px; padding-left: 5px;}
.joinEmail-in{ padding:60px 40px; width: 100%; background:#fff; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);}
#joinEmail .joinEmail-in .require-notice{margin-top:-10px; font-size: 14px; letter-spacing: -0.56px; color: #adb5bd; font-weight: 400;}
#joinEmail .joinEmail-in p label{font-weight: 600; color: #343a40; letter-spacing: -0.56px; font-size: 16px; margin: 20px 0 10px 0; display: block !important;}
#joinEmail .joinEmail-in p input{transition: all 0.3s ease-in; height: 40px; max-width: 450px;  background: #fff;  border-radius: 0 !important;   border: none;  border-bottom: 1px solid #001639 !important;   margin-bottom: 5px;}
#joinEmail .joinEmail-in span.agree-label{ padding-top: 10px; clear: both;font-weight: 600; color: #343a40; letter-spacing: -0.56px; font-size: 16px; margin: 20px 0 10px 0; display: block !important;}
#joinEmail .joinEmail-in p input:focus { outline: none !important; border-bottom: 1px solid #4386F9 !important; }

#joinEmail .joinEmail-in h1.join-top-text{font-size: 22px;font-weight: 700;line-height: 1.6;letter-spacing: -0.62px;margin-bottom: 100px; }
#joinEmail .joinEmail-in h1.join-top-text p{font-weight: 300 !important;; background: linear-gradient(to top, #F2F6FF 50%, transparent 50%); display: table;}
#joinEmail .joinEmail-in h1.join-top-text.certification-type{margin-bottom:120px;}

.joinEmail-in .button-arrow .toss-button{border: none !important; background: #0064FF !important; margin-top:10px;}
.joinEmail-in .button-arrow .check{background: #F2F6FF; width: 100%;border-radius: 10px;border: 1px solid #001639;height: 60px;}
.joinEmail-in .button-arrow .phone-button{ overflow: hidden;}
.joinEmail-in .button-arrow .phone-button a{color :#001639; display: inline-block; font-size:16px; font-weight: 600; width:100%; height: inherit;line-height: 60px;}
.joinEmail-in .button-arrow .kakao-button{ background: #FEE500 !important; border: none;}
.joinEmail-in .mailjoin-bottom{text-align: center; padding: 25px 0 12px 0; color:#adb5bd; width: 100%; display:inline-block; font-size:15px;}

#joinEmail .joinEmail-in p .phone-confirm{line-height: 50px; font-size: 16px; font-weight: bold; letter-spacing: -0.64px; margin: 0; float: left; max-width:500px; width: 50%; height: 50px;     border-radius: 5px; background: #4386f9;}
#joinEmail .joinEmail-in p.phone-confirm-text{width: 100%; text-align: center; color:#868e96;font-weight: 400; font-size: 14px; padding-top:10px;}
#joinEmail .joinEmail-in p .phone-confirm-ok{background: #cdd6de; color: #adb5bd;}

#joinEmail .joinEmail-in .joinemail-btn,
#joinEmail .joinEmail-in .joinemail-btn-login{
    margin-top: 60px;
    max-width: 500px;
    width: 100%;
    border: none;
    height: 70px;
    border-radius: 5px;
    background: #001639;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.6px;
}

#joinEmail .joinEmail-in .joinemail-btn.disabledButton {
    margin-top: 40px;
    max-width: 500px;
    width: 100%;
    border: none;
    height: 70px;
    background: #b7c0c7;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.8px;
}

#joinEmail .joinEmail-in .agree-cont p label {
    width: 80%;
    margin: 0;
    margin-bottom: 3px;
    color: #343a40;
    font-size: 13px;
    letter-spacing: -0.52px;
}
#joinEmail .joinEmail-in p.id-card-plus{position: relative;}
#joinEmail .joinEmail-in p.id-card-plus span.id-card i{position:absolute; right:4%; top: 35px; font-size:16px; color: #343a40;}

.joinEmail-in p.id-card-plus .tooltip-text{
    background: #fff;
    position: absolute;
    padding: 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    max-width: 240px;
    width: 100%;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);
    z-index: 10;
}
.joinEmail-in p.id-card-plus .tooltip-text .qtitle{display: block; margin-bottom: 5px; font-size:14px; color:#548DFC;}
.joinEmail-in p.id-card-plus .tooltip-text .qtitle strong{color:#548DFC !important;}
#ConsignMent{padding-bottom: 170px;}
#ConsignMent .Consignation{ width: 100%; background:#fff; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);}
#ConsignMent .Consignation .w100main{width: 100%; height: 50px; line-height: 50px; background: #f9fafc;font-size: 15px;letter-spacing: -0.52px;color: #4B8BE2; text-align: center; font-weight: 500;}
#ConsignMent .Consignation .w100main2{color:#F17519;}
#ConsignMent .Consignation .p40px{padding:40px;}
#ConsignMent .Consignation p{width: 100%;margin-bottom: 20px; height: 50px;}
#ConsignMent .Consignation p:nth-child(9){height:25px;}
#ConsignMent .Consignation p:nth-child(9) label{height:25px; line-heigth:25px;}
#ConsignMent .Consignation p.margin-x{margin-bottom:0px;}
#ConsignMent .Consignation p.require-notice{margin-top:-10px; font-size: 14px; letter-spacing: -0.56px; color: #adb5bd; font-weight: 400;}
#ConsignMent .Consignation p label{clear:both; font-weight: 400; color: #343a40; letter-spacing: -0.56px; font-size: 14px;   width: 25%; height: 50px;float: left; display: inline-block; line-height: 50px; }
#ConsignMent .Consignation p input,
#ConsignMent .Consignation p select{height: 50px;  border: 1px solid #e9ecef; display: inline-block; width: 75%;}
#ConsignMent .Consignation p input.piece-size{width:25%;}
#ConsignMent .Consignation p span{font-size: 14px; color: #343a40; font-weight:400;}
#ConsignMent .Consignation p.inputfloat>span{float:left; padding:10px; padding-top: 20px;display:inline-block; height:50px;}
#ConsignMent .Consignation p.inputfloat>input{float:left;}
#ConsignMent .Consignation .File-in{width:100%; }
#ConsignMent .Consignation .File-in ul.important li{font-size: 13px; color: #343a40; letter-spacing: -0.52px; height: 20px; font-weight: 400;}
#ConsignMent .Consignation .File-in ul.important{padding-bottom: 20px; border-bottom: 1px solid #e9ecef; margin:20px 0px;}
#ConsignMent .Consignation .File-in ul.important span{display: inline-block; float: left;height:20px; margin-right: 10px;}
#ConsignMent .Consignation .File-in label{position:relative; cursor:pointer; background: #4386f9;  display:inline-block; font-weight: bold; font-size: 16px; letter-spacing:-0.64px; vertical-align:middel; overflow:hidden; width:200px; height: 50px; color:#fff; text-align:center; line-height:50px;}
#ConsignMent .Consignation .File-in label input{position :absolute; width:0; height:0; overflow:hidden;}
#ConsignMent .Consignation .File-in ul.file-img li{width:50%; float: left; font-size: 14px; font-weight:400; color: #868e96; }

#ConsignMent .Consignation .consignation-box span.stockCd{margin-bottom:20px; display: block; width:100%; height: 50px; }
#ConsignMent .Consignation .consignation-box span.stockCd input{display:none;}
#ConsignMent .Consignation .consignation-box span.stockCd input[id="stockCd-1"] + label{cursor:pointer; width: 50%; float: left; padding:0px; font-weight: 500; letter-spacing: -0.64px; color: #adb5bd; font-size: 16px; border: 1px solid #e9ecef; height: 50px; text-align: center; line-height: 50px;}
#ConsignMent .Consignation .consignation-box span.stockCd input[id="stockCd-2"] + label{cursor:pointer; width: 50%; float: left; padding:0px; font-weight: 500; letter-spacing: -0.64px; color: #adb5bd; font-size: 16px; border: 1px solid #e9ecef; height: 50px; text-align: center; line-height: 50px;}
#ConsignMent .Consignation .consignation-box span.stockCd input:checked + label{border:1px solid #001639; color: #001639;}

#ConsignMent .Consignation .consignation-box .stockbox{margin-bottom: 20px; width: 100%; background: #f5f8fa;  padding: 20px;}
#ConsignMent .Consignation .consignation-box .stockbox h3{font-size: 14px; color:#343a40; letter-spacing: -0.52px; font-weight:400; margin-bottom:5px;}
#ConsignMent .Consignation .consignation-box .stockbox h3 span{font-weight:bold;}

#ConsignMent .Consignation button.consignation-btn{font-size: 20px; font-weight: bold; letter-spacing: -0.8px; width: 100%; max-width:500px; height: 70px; background: #001639;}

#ConsignMent .head{width:100%; height: 60px; background:#fff; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06); border-bottom:1px solid #e9ecef; }
#ConsignMent .head #consignTabList{padding:0px 40px;}
#ConsignMent .head ul{height: 60px; display: inline-block;width: 70%;}
#ConsignMent .head ul li{display: inline-block; line-height: 60px; margin-right: 10px;color: #ADB5BD;font-size: 16px;font-weight: 500; cursor: pointer;}
#ConsignMent .head ul li.active{color:#001639; }
#ConsignMent .head p.require-notice{width:29%; display:inline-block; margin:0px; font-size:12px;}

.guideMain{width: 100%;height: 320px;background: #001639; position: relative;overflow: hidden;}
.guideMain:before{content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; opacity: 0.6; background: url(/images/fo/guidemain1.png) no-repeat top center; background-size: cover; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; opacity: 0.1; }
section.guideMain h1{text-align: center; color: #fff; font-size: 42px;line-height: 200px; letter-spacing: -1.68px;}
section#guide{ max-width: 1200px; width: 100%; margin: 0 auto;padding-top: 140px;}
section#guide h2{text-align: center; font-size: 24px; color: #343a40; letter-spacing: -1.28px; font-weight: 300;}
section#guide h2 span{color: #001639; font-weight: 400;}
section#guide p{line-height: 1.6; font-weight: 300;  font-size: 18px; color: #343a40; left: -0.64px; margin-top: 30px; text-align: center;}
section#guide p strong{font-weight:500;}

section#guide .guide-all{width: 100%;margin-top: 80px;}
section#guide .guide-all .guide-list{clear: both; width: 100%; }
section#guide .guide-all .guide-listbox{padding: 30px; float: left;width:31.6%; margin-right: 2.5%; border: 1px solid #cdd6de;}
section#guide .guide-all .guide-listbox:nth-child(3){margin-right: 0px;}
section#guide .guide-all .guide-listbox .guide-listbox-img{width: 100px; height: 100px; margin: 35px auto; text-align: center;}

section#guide .guide-all .guide-listbox h3{text-align: center; color: #001639; font-size: 23px; letter-spacing: -0.92px; font-weight: 500;}
section#guide .guide-all .guide-listbox p{font-size: 16px; letter-spacing: -0.64px; color: #868e96; font-weight: 400; height: 140px;}
section#guide .guide-all .guide-list p.guide-listbox-p{margin:90px 0px; font-size: 20px; color: #868e96; font-weight: 300; clear: both; display: inline-block; text-align: center;width: 100%;}

section.guideMain2{background: #656267;     height: 200px;}
section#guide h1{font-weight: 500;text-align: center;font-size: 32px; color: #343a40;letter-spacing: -1.28px;line-height: 46px;}

section#guide2{width:100%; background: #F5F8FA;}
section#guide2 .guide2-in{max-width:760px; width:100%; margin: 0 auto; padding:100px 0px; }
section#guide2 .guide2-in>div{ vertical-align: top; text-align:center; border-radius:50%; background:#fff; box-shadow: 0 3px 9px rgba(0,0,0,0.06);display:inline-block;  max-width:350px; width:100%; height: 350px;  }
section#guide2 .guide2-in>div:nth-child(1){margin-right: 55px;}
section#guide2 .guide2-in>div h1{margin-top:80px; font-size: 28px; color: #4B8BE2; font-weight: 500; letter-spaicng:-0.62px; }
section#guide2 .guide2-in>div h1.auction{color: #F17519;}
section#guide2 .guide2-in>div h2{font-size: 14px; color: #868e96; font-weight: 400; letter-spacing:-0.52px; line-height: 24px; margin-top:20px;}

section#guide3{width:100%; padding: 100px 0px 150px 0px;}
section#guide3 .guide3-in{max-width:1200px; width:100%; margin: 0 auto;    padding: 10px;  }
section#guide3 .guide3-in p{font-size: 14px;  color: #495057; letter-spacing:-0.52px; text-align:center; margin-top:30px;     line-height: 24px;}
section#guide3 .guide3-in .guideBtn{background:#001639;margin: 50px auto; max-width: 600px; width: 100%; height: 70px; text-align: center;background: #001639;}
section#guide3 .guide3-in .guideBtn a{display:block;font-weight: 500;font-size: 20px; letter-spacing: -0.8px; color: #fff; line-height: 70px;}

section.arttogetherMain{width: 100%;height: 200px;background: #343a40; position: relative;overflow: hidden;}
section.arttogetherMain:before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;opacity: 0.6;background: url(/images/fo/box1.webp) no-repeat center;background-size: cover;-ms-background-size: cover; -o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;opacity: 0.1;}
section.arttogetherMain h1{color: #fff; font-size: 32px; line-height:200px; letter-spacing: -1.68px; font-weight: bold; text-align: center;}

section.Page1{overflow: hidden;width: 100%; max-width: 1200px; margin: 0 auto; height: 930px; background: #fff;padding: 140px 0px;}
section.Page1 h1{font-size: 30px; line-height: 1.5; letter-spacing: -1.28px; color: #343a40; font-weight: 300; text-align: center;margin-bottom: 80px;}
section.Page1 h1 span{font-weight: 500;}
section.Page1 .page1-onebox{ overflow: hidden;width: 100%;}
section.Page1 .page1-onebox .Round-box{overflow: hidden; width: 100%; max-width: 860px; margin: 0 auto; text-align: center;}
section.Page1 .page1-onebox .Round{ display: inline-block; width: 220px; margin-right: 5.5%; vertical-align: top; }
section.Page1 .page1-onebox .Round:nth-child(3){margin-right: 0px;}
section.Page1 .page1-onebox .Round .Round-in{width: 220px; height: 220px; border-radius: 50%; background: #001639;}
section.Page1 .page1-onebox .Round2 .Round-in{background: #e9ecef;}
section.Page1 .page1-onebox .Round .Round-in h1{font-size: 28px; font-weight: 400; padding-top: 80px;  line-height: 1.2; letter-spacing: -1.12px; color: #fff;}
section.Page1 .page1-onebox .Round2 .Round-in h1{color: #343a40;}
section.Page1 .page1-onebox .Round hr.Round-line{width: 1px; height: 40px; background: #e9ecef; margin: 20px auto; border: none;}
section.Page1 .page1-onebox .Round2 hr.Round-line{background: #e9ecef;}
section.Page1 .page1-onebox .Round h2{text-align: center; font-size: 16px; color: #343a40; letter-spacing: -0.64px; font-weight: 500; line-height: 1.5; margin-bottom: 10px;}
section.Page1 .page1-onebox .Round p{text-align: center; font-size: 15px; color: #868e96; letter-spacing: -0.64px; font-weight: 300; line-height: 1.5;}

section.Page2{overflow: hidden; clear: both; background: #f5f8fa;  padding: 140px 0;}
section.Page2 .Page2-in{max-width: 1200px; width: 100%; margin: 0 auto;}
section.Page2 .Page2-in .page2Main{width: 100%; margin-bottom: 80px; text-align: center; color: #343a40;}
section.Page2 .Page2-in .page2Main h1{font-size: 32px; letter-spacing: -1.2px; font-weight: 500;}
section.Page2 .Page2-in .page2Main p{font-size: 18px; letter-spacing: -0.72px; font-weight: 300;}
section.Page2 .Page2-in .page2Main-in{width: 100%; height: 100%; }
section.Page2 .Page2-in .page2Main-in .page2Main-box{width: 32%; float: left; border: 1px solid #cdd7de; margin-right: 2%; text-align: center; padding: 40px; background: #fff; margin-bottom: 2%; height: 500px;}
section.Page2 .Page2-in .page2Main-in .page2Main-box:nth-child(3){margin-right: 0;}
section.Page2 .Page2-in .page2Main-in .page2Main-box:nth-child(6){margin-right: 0;}
section.Page2 .Page2-in .page2Main-in .page2Main-box h1{font-size: 24px; letter-spacing: -0.96px; color: #343a40;}
section.Page2 .Page2-in .page2Main-in .page2Main-box .page2Main-box-icon{text-align: center;width: 80px; height: 80px; margin: 40px auto; line-height: 80px; }
section.Page2 .Page2-in .page2Main-in .page2Main-box .page2Main-box-icon>img{vertical-align:middle;}
section.Page2 .Page2-in .page2Main-in .page2Main-box h2{font-size: 22px; letter-spacing: -0.96px; font-weight: 500; color: #001639; margin-bottom: 20px;}
section.Page2 .Page2-in .page2Main-in .page2Main-box p{font-size: 14px; letter-spacing: -0.64px; line-height: 1.8; font-weight: 300; color: #868e96;}

section.Page3 .page3Main{width: 100%; margin: 140px 0 80px 0; text-align: center; color: #343a40;}
section.Page3 .page3Main h1{font-size: 32px; letter-spacing: -1.2px; font-weight: 500;}
section.Page3 .page3Main p{font-size: 18px; letter-spacing: -0.72px; font-weight: 300;}
section.Page3{overflow: hidden;width: 100%;  background: url(/images/fo/art-footer.png) no-repeat center; background-size:cover; height: auto;clear: both; padding: 290px 0px 150px;}
section.Page3 .Featbox{width: 100%; max-width: 1200px; margin: 0 auto;}
section.Page3 .Featbox-padding{padding-bottom:100px;}
section.Page3 .Featbox img{width: 100%; }
section.Page3 .Featbox a{width: 23.7%; display: inline-block; background: #fff; margin-bottom: 1%; margin-right: 1%; height: 95px;}
section.Page3 .Featbox a:nth-child(4),section.Page3 .Featbox a:nth-child(8),section.Page3 .Featbox a:nth-child(12){margin-right:0;}

section.Page4{overflow: hidden; clear: both;padding: 140px 0;}
section.Page4 .Page4-in{max-width: 1200px; width: 100%; margin: 0 auto;}
section.Page4 .Page4-in .page4Main{width: 100%; margin-bottom: 80px; text-align: center; color: #343a40;}
section.Page4 .Page4-in .page4Main h1{font-size: 32px; letter-spacing: -1.2px; font-weight: 500;}
section.Page4 .Page4-in .page4Main p{font-size: 18px; letter-spacing: -0.72px; font-weight: 300;}

.history-list{position: relative;}
.history-list:before{position: absolute;left: 50%;top: 0;display: block;content: "";width: 1px; height: 100%; background-color: #e9ecef;}
.history-list h3.intro-title{position: relative; font-size: 28px;border-radius: 50%;background: #7ba9d1;width: 140px; height: 140px; margin: 0 auto; color: #fff; font-weight: 500; text-align: center; line-height: 140px;}
.history-list .history-box .month .inner dl dt.txt-month:after{left: 0;position: absolute;z-index: 1; display: block; content: "";background-color: #e9ecef;top: 22px; width: 100px; height: 1px;}
.history-list .history-box .month .inner dl dt.txt-month{letter-spacing: -0.72px;margin-bottom: 5px;padding-top: 11px;font-size: 20px; font-weight: 400; color: #343a40;  line-height: 22px;}
.history-list .history-box .month .inner dl dt.txt-month span.square{ vertical-align: bottom;display: inline-block; width: 20px; height: 20px; background: #001639;margin-right: 10px;}
.history-list .history-box .month .inner.right{text-align: right; margin-bottom: 30px;}
.history-list .history-box .month .inner dl{position: relative;display: inline-block;width: 50%; padding-left: 5%; text-align: left; -webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 100px;}
.history-list .history-box .month .inner dd{font-size: 16px; color: #868e96; padding-left: 30px;}
.history-list .history-box .month .inner.left{text-align: left; margin-bottom: 30px;}
.history-list .history-box .month .inner.left dl { padding: 0 100px 0 0; text-align: right;}
.history-list .history-box .month .inner.left dl dt.txt-month:after {left: auto; right: 0;}
.history-list .history-box .month .inner.left dl dt.txt-month span.square{margin: 0 0 0 10px;}
.history-list .history-box .month .inner.left dd{padding-left: 0; padding-right: 30px;}

.history-list h3.intro-title>span{width:60px; height:60px; display: inline-block;}
.history-list h3.intro-title>span>img{width: 100%; vertical-align: middle;}

section.productMain.disposalMain{background:#495057 !important;}
section.productMain.maincolor-banner{background: #548dfc !important;}
section.productMain{position: relative;overflow: hidden; width:100%; height:200px; background: #001639; text-align: center; }
section.productMain:before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;background: url(/images/fo/product-main-img.webp) no-repeat center center;background-size: cover;-ms-background-size: cover; -o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;opacity: 0.3;}
section.productMain h1{z-index:1; position: relative; font-size: 32px; line-height: 200px; letter-spacing: -1.28px; color: #fff; font-weight: bold;}
section.productMain h1.jnl-h1{line-height:60px !important; }
section.productMain h2.jnl-h2{z-index:1; position: relative; font-size: 16px; color: #fff;letter-spacing: -0.64px; font-weight: 300;}

.product-search{height: 40px; max-width: 340px !important; width: 100%;}
.product-search input{border-radius: 50px;background: #f1f3f5;border: none;padding-left: 10px;height: 40px !important;width: 100% !important;max-width: 340px !important;right: 0;}
.product-search button.search-btn{position: absolute !important;color: #000;height: 40px;padding-right: 20px;background: none;}
.proudctSorting-all{width:60%; float: left;}

article.ProductList ul.product-list>li .product-text{ border:none;padding:18px 0; border-bottom:1px solid #e9ecef; }
article.ProductList ul.product-list>li .product-text .product-name{padding:0; letter-spacing:-0.88px; font-size: 16px; font-weight: bold; color: #353a40;}
article.ProductList ul.product-list>li .product-text .product-about{padding:0; font-size: 12px; color: #868e96; letter-spacing: -0.64px; line-height: 24px;  font-weight: 400;}

article.ProductList ul.product-list ul.goods-state{width:100%; position: absolute; top: 1px; left: 1px; height: 20px;}
article.ProductList ul.product-list ul.goods-state li{letter-spacing:-0.54px;}
article.ProductList ul.product-list ul.goods-state li.state-box{box-shadow: 0 3px 6px 0 rgba(0,0,0,0.09); display: flex; justify-content: center;align-items: center; background: #9296A3; border-radius: 5px; text-align: center; width: 70px;height: 70px; font-size: 14px; font-weight: 500; color: #fff !important;}
article.ProductList ul.product-list ul.goods-state li.ing{background:#6289FF; }
article.ProductList ul.product-list ul.goods-state li.gray{background:#6DD0DE !important; color:#fff !important;}
article.ProductList ul.product-list ul.goods-state li.keep{background:#E1E5E8; color: #868e96 !important;}
article.ProductList ul.product-list ul.goods-state li.sell{background:#3D4552; color: #E1E5E8 !important;}
article.ProductList ul.product-list>li .product-state .product-state-piece.ing{color:#6289FF;}
article.ProductList ul.product-list>li .product-state .product-state-per.ing-percent{color:#868E96;}
article.ProductList ul.product-list>li .product-state .product-state-piece.day-ing{color:#6DD0DE;}

article.ProductList ul.product-list>li .product-state{padding-top:22px;}
article.ProductList ul.product-list>li .product-state .product-state-piece{color:#9296A3; height: 25px;  letter-spacing: -1px; font-weight: 700;font-size: 20px;}
article.ProductList ul.product-list>li .product-state .product-state-piece span{font-weight: 400 !important;  font-size: 12px; color: #D4D4D4 !important; border-left: 1px solid #D4D4D4;padding-left: 6px;display: inline-block;margin-left: 6px;vertical-align: middle;}
article.ProductList ul.product-list>li .product-state .product-state-per{font-weight: 700; font-size: 16px; letter-spacing: -0.52px; color:#D4D4D4; height: 25px;vertical-align: middle;line-height: 25px;display: inline-block;}
article.ProductList ul.product-list>li .product-box{border-radius: 10px; background: #e9ecef; height: 10px; margin-top:20px;}
article.ProductList ul.product-list>li .product-box span.product-box-bg{border-radius: 10px; background: #001639;}
article.ProductList ul.product-list>li .product-box span.product-box-bg-full{border-radius: 10px; background: #001639;}

.subscription-detail-wrap .product-page-detail .detail-top .detail-left{overflow: hidden; }
.detailImgList{overflow: hidden; }
.detailImgList .img-list {  margin: 0 auto; width: 100%; max-width: 600px; }
.detailImgList .img-list .list {  box-sizing: border-box; width: 100%; overflow: hidden; height: 100%; max-height: 600px; border: 1px solid #e9ecef; border-radius: 5px;}
.detailImgList .img-list .list img { width: 100%;  display: inline-block;}
/*청약 상세 작품 위에 텍스트*/
.detailImgList .information{width: 100%;max-width: 600px;height: 600px;position: absolute;border-radius: 5px;top: 0; background: linear-gradient( to top, #0000, #0000008c ); overflow: hidden;}
.detailImgList .information .detail-information{  bottom: 0; left: 0; background: linear-gradient( to bottom, #0000, #000000f2 );  position: absolute; border-radius: 5px; padding-bottom:25px;  z-index: 10;  max-width: 600px;   width: 100%;}
.detailImgList .information .detail-information .information-text{ text-align: left; font-size: 24px;font-weight: 400;color:#fff; width: 100%;  padding: 100px 30px 50px 30px;}
.detailImgList .information .detail-information .information-text p.detail-texts-name{margin-bottom:6px;}
.detailImgList .information .detail-information .information-text span.detail-texts-name1{font-size: 38px; font-weight: 700;}
.detailImgList .information .detail-information .information-text span.detail-texts-name1 span.won{font-size: 24px !important;; font-weight: 400 !important;;}
.detailImgList .information .detail-information .information-text .scbscription-time{margin-top: 30px; font-size: 18px; font-weight: 300 !important;;  color:#cdd6de !important;}
.detailImgList .information .detail-information .information-text .scbscription-time .detail-texts-name{padding-right:10px; margin-right: 10px; border-right: 1px solid #646464; }

.detailSubImgList{ position: absolute; padding-right: 30px;text-align: right !important;bottom: 50px !important;clear: both;  height: fit-content;}
.detailSubImgList .swiper-pagination-bullet{border-radius: 4px;  opacity: 1 !important; margin-right: 4px; background: #adb5bdde; cursor: pointer; height: 8px; width: 30px !important;}
.detailSubImgList .swiper-pagination-bullet:hover{background: #fff;}
.detailSubImgList .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff !important;    box-shadow: 0 2px 6px #282828a8;}

/*경매 유튜브 라이브 추가*/
#detailImgList .img-list .youtube-live{position: relative;height: 0;padding-bottom: 60%;}
#detailImgList .img-list .youtube-live iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

section.rental-main{position: relative;overflow: hidden; width:100%; height:200px; background: #e39c9a; }
section.rental-main:before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;background: url(/images/fo/rental-main-img.jpg) no-repeat center;background-size: cover;-ms-background-size: cover; -o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;opacity: 0.1;}
section.rental-main h1{z-index:1; position: relative;text-align: center;font-size: 32px; line-height: 200px; letter-spacing: -1.28px;color: #fff;font-weight: bold;}
section.rental-main p{z-index:1; position: relative;text-align: center; color:#fff; line-height: 3.1;font-size: 18px; letter-spacing:-0.64px; font-weight: 400;}

.MYpage{ padding: 0 10px 200px;}
.MYpage .membership{ width: 100%; max-width: 500px; margin:0 auto; background: #fff; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);}
.MYpage .membership ul>li{    line-height: 25px; width: 100%; height: auto; color: #495057; letter-spacing: -0.64px; font-size: 16px; font-weight: 400;}
.MYpage .membership ul li ul li.member-texts-name{font-size: 14px; letter-spacing: -0.56px; color: #adb5bd; font-weight: 500; width: 34%; float: left;}
.MYpage .membership ul li ul li.member-texts-name1{color: #495057; letter-spacing: -0.64px; font-size: 16px; font-weight: 400;}
.MYpage .membership ul>li.Mypage-Number{width: -webkit-fill-available !important; text-align: right;}

.MYpage .membership ul button.member-texts-name2{width: auto; height: 50px; background: #001639; color: #fff; font-weight: 500; letter-spacing: -0.64px; font-size: 14px; border: none;}
.MYpage .membership ul li ul li.Mypage-btn-name{width: 70%; float: left; margin:0;}
.MYpage .membership ul li ul li.Mypage-sns{background: none; font-size: 14px; letter-spacing: -0.56px; padding-left: 0;}

.MYpage .membership ul button.Mypage-btn{width: 100%; border: none; height: 60px; max-width: 500px; background: #001639; color: #fff; font-size:  16px; letter-spacing: -0.8px; line-height: 60px;     border-radius: 10px; margin: 30px auto 0px; font-weight: 500;}
.MYpage .membership ul li ul li.Mypage-de,
.MYpage .membership li.member-logout{height: 45px; line-height: 45px; text-align: center; font-weight: 400; background: #F5F8FA; border-radius: 20px;  color: #B7C0C7; border: 1px solid #B7C0C7; font-size: 14px; letter-spacing: -0.56px; }
.MYpage .membership li.member-logout{background: #F2F6FF; border: 1px solid #4386F9; color:#4386F9; margin-right: 10px;     padding: 0 70px;}

.MYpage .membership ul li ul li.member-texts-name1 input{display:none;}
.MYpage .membership ul li ul li.member-texts-name1 input[id="sns-1"] + label{cursor:pointer; width: 33%; float: left; padding:0; font-weight: 500; letter-spacing: -0.64px; color: #adb5bd; font-size: 16px; border: 1px solid #e9ecef; height: 50px; text-align: center; line-height: 50px;}
.MYpage .membership ul li ul li.member-texts-name1 input[id="sns-2"] + label{cursor:pointer; width: 33%; float: left; padding:0; font-weight: 500; letter-spacing: -0.64px; color: #adb5bd; font-size: 16px; border: 1px solid #e9ecef; height: 50px; text-align: center; line-height: 50px;}
.MYpage .membership ul li ul li.member-texts-name1 input:checked + label{border:1px solid #001639; color: #001639;}
.MYpage .membership ul.membership-name{padding:40px; border-bottom: 8px solid #F4F5F7;}
.MYpage .membership ul.membership-name-bottom{padding: 50px 40px;}
.MYpage .membership ol.member-info{padding-top:20px;}
.MYpage .membership ol.member-info ul.member-infoleft{display: inline-block;width:100px; vertical-align: top;}
.MYpage .membership ol.member-info ul.member-infoleft>li{width:100%; height:100px; background: #b7c7d5; border-radius:50%;}
.MYpage .membership ol.member-info ul.member-infoleft>li p{font-size:12px; color: #fff; text-align:center;     line-height: 15px; padding-top: 15px;}
.MYpage .membership ol.member-info ul.member-infoleft button{width:100%; text-decoration: underline;font-weight: 400; color: #adb5bd; font-size: 14px;letter-spacing: -0.56px; background:none;}

.MYpage .membership ol.member-info ul.member-inforight{display: inline-block;}
.MYpage .membership ol.member-info ul.member-inforight li.member-class{margin:0 8px 6px 0; float: left; background:#001639; color:#fff; font-size:14px; font-weight:400; padding:0px 10px; width: fit-content;  }
.MYpage .membership ol.member-info ul.member-inforight button{ width: 50px; height: 22px; margin-top:15px; margin-left: 5px; border-radius: 20px;}
.MYpage .membership ol.member-info ul.member-inforight li.Mypage-Number{margin-top:15px;}

.MYpage .membership ol.membership-agree{margin-bottom:40px;}
.MYpage .membership ol.membership-agree li{width:50%; display:inline; font-size: 16px; letter-spacing: -0.56px;color: #343a40; font-weight: 500;}
.MYpage .membership ul.membership-name-bottom span.mypageIcon{margin-right:4px;vertical-align: top;}
.MYpage .membership ul.membership-name-bottom span.mypageIcon>img{vertical-align:middle; width:13px;}
.MYpage .membership ol.membership-agree li input.styled-checkbox + label:before{ vertical-align: middle; margin-right: 5px;}

.MYpage .membership ul.membership-name-bottom li ul.snsbox{margin-bottom:10px; display: flow-root;}
.MYpage .membership ul.membership-name-bottom li ul.snsbox li.member-texts-name{line-height:50px;}

.toggleSwitch {width: 65px;height: 30px;display: block;position: relative;border-radius: 30px;background-color: #E9ECEF;cursor: pointer;}
.toggleSwitch .toggleButton {width: 25px;height: 25px;position: absolute;top: 50%;left: 4px;transform: translateY(-50%);border-radius: 50%;background: #fff;box-shadow: 0 0 16px 3px rgba(0 0 0 / 15%);}
.toggleSwitch.active {background: #868E96;}
.toggleSwitch.active .toggleButton {left: calc(100% - 30px);background: #fff !important;}
.toggleSwitch, .toggleButton {transition: all 0.2s ease-in;}
.MYpage .membership ul.membership-name-bottom .snsbox{display: flex; margin-bottom: 12px; justify-content: space-between;}
.MYpage .membership ul.membership-name-bottom .snsbox .snsbox-in{ display: flex;width: 100%;align-items: center;justify-content: space-between;}
.MYpage .membership ul.membership-name-bottom .snsbox .snsbox-in p{font-size: 14px;letter-spacing: -0.56px;color: #868E96;font-weight: 500;margin-right: 15px;}
.MYpage .membership ul.membership-name-bottom .snsbox .snsbox-in:nth-child(1){margin-right: 12px;}

.MYpage .membership ul li ul li.member-texts-name1 input[id="sns-3"] + label{cursor:pointer; width: 33%; float: left; padding:0; font-weight: 500; letter-spacing: -0.64px; color: #adb5bd; font-size: 16px; border: 1px solid #e9ecef; height: 50px; text-align: center; line-height: 50px;}
.MYpage .membership ul li ul li.member-texts-name1 input[id="sns-4"] + label{cursor:pointer; width: 33%; float: left; padding:0; font-weight: 500; letter-spacing: -0.64px; color: #adb5bd; font-size: 16px; border: 1px solid #e9ecef; height: 50px; text-align: center; line-height: 50px;}
.MYpage .membership ul li ul li.member-texts-name1 input:checked + label{border:1px solid #001639; color: #001639;}

.MYpage .membership ul li ul li.member-texts-name1 input[id="sns-5"] + label{cursor:pointer; width: 33%; float: left; padding:0; font-weight: 500; letter-spacing: -0.64px; color: #adb5bd; font-size: 16px; border: 1px solid #e9ecef; height: 50px; text-align: center; line-height: 50px;}
.MYpage .membership ul li ul li.member-texts-name1 input[id="sns-6"] + label{cursor:pointer; width: 33%; float: left; padding:0; font-weight: 500; letter-spacing: -0.64px; color: #adb5bd; font-size: 16px; border: 1px solid #e9ecef; height: 50px; text-align: center; line-height: 50px;}
.MYpage .membership ul li ul li.member-texts-name1 input:checked + label{border:1px solid #001639; color: #001639;}

.MYpage .membership ul li ul li.member-texts-name1 input[id="sns-7"] + label{cursor:pointer; width: 33%; float: left; padding:0; font-weight: 500; letter-spacing: -0.64px; color: #adb5bd; font-size: 16px; border: 1px solid #e9ecef; height: 50px; text-align: center; line-height: 50px;}
.MYpage .membership ul li ul li.member-texts-name1 input[id="sns-8"] + label{cursor:pointer; width: 33%; float: left; padding:0; font-weight: 500; letter-spacing: -0.64px; color: #adb5bd; font-size: 16px; border: 1px solid #e9ecef; height: 50px; text-align: center; line-height: 50px;}
.MYpage .membership ul li ul li.member-texts-name1 input:checked + label{border:1px solid #001639; color: #001639;}

.MYpage .membership ul li.sns-interlock li.member-texts-name{    font-size: 16px; width:100%; padding-bottom: 10px; color:#343a40;}

.MYpage .membership ul.adress{width:100%; padding-top:20px; border-top: 1px solid #e9ecef; }
.MYpage .membership ul.adress span{ font-size: 16px;color: #212529;font-weight: 500; }
.MYpage .membership ul.adress li{width:100%;margin-top:6px;     color: #868e96;   text-align: left;}
.MYpage .membership ul.adress button,
.MYpage .membership ul button.phone-reset-btn{border-radius: 5px;width: 45px;height: 25px;font-size: 14px;font-weight: 400;margin-left: 5px;float: right; }
.MYpage .membership ul button.phone-reset-btn{width: 105px !important;}

.MYpage .membership ul.membership-name-bottom2{padding-top:50px; border-top:8px solid #F4F5F7;}
.MYpage .membership ul.membership-name-bottom2 ul.snsbox li.member-texts-name{line-height:50px; font-size: 14px;letter-spacing: -0.56px; color: #adb5bd; font-weight: 500;width: 34%; float: left;}
.MYpage .membership ul.membership-name-bottom2 ul.snsbox li.member-texts-name1 input[id="sns-9"] + label{cursor:pointer; width: 33%; float: left; padding:0px; font-weight: 500; letter-spacing: -0.64px; color: #adb5bd; font-size: 16px; border: 1px solid #e9ecef; height: 50px; text-align: center; line-height: 50px;}
.MYpage .membership ul.membership-name-bottom2 ul.snsbox li.member-texts-name1 input[id="sns-10"] + label{cursor:pointer; width: 31.9%; float: left; padding:0px; font-weight: 500; letter-spacing: -0.64px; color: #adb5bd; font-size: 16px; border: 1px solid #e9ecef; height: 50px; text-align: center; line-height: 50px;}
.MYpage .membership ul.membership-name-bottom2 ul.snsbox li.member-texts-name1 input:checked + label{border:1px solid #001639; color: #001639;}
.MYpage .membership ul.membership-name-bottom2 li ul.change-button{display: flex; }

section.s-center .member-head{width: 100%;height: 200px;background: #343a40; position: relative;overflow: hidden; margin-bottom: 60px;}
section.s-center .member-head:before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%; z-index: 0; opacity: 0.6; background: url(/images/fo/box1.webp) no-repeat center;background-size: cover;-ms-background-size: cover; -o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;opacity: 0.1;}
section.s-center .member-head h1{color: #fff; font-size: 32px; line-height:200px; letter-spacing: -1.68px; font-weight: bold; text-align: center;}

section.s-center #detailDiv{ padding:30px 20px;width:100%; max-width:1200px; margin: 0 auto 100px; background: #fff; }
section.s-center #detailDiv .Cs-title{width:100%; height:60px; background: #f9fafc; border-top: 2px solid #868e96;}
section.s-center #detailDiv .Cs-title .Cs-title-name1{float:left; width: 100px;height: 60px; line-height: 60px;font-size: 13px; color: #343a40; letter-spacing: -0.52px; text-align:right;}
section.s-center #detailDiv .Cs-title .Cs-title-name2{float: left; width: 70%; height: 60px; line-height: 60px; padding-left: 40px; margin: auto !important; font-family: 'Pretendard' !important;  height: auto !important;;}
section.s-center #detailDiv .Cs-title .Cs-title-name2 .Csings{text-align: center;width:50px; height:20px; background: #001639; font-size: 12px; letter-spaicng: -0.48px; color: #fff; margin-left:10px; padding: 3px 8px;}
section.s-center #detailDiv .Cs-title .Cs-title-day{font-weight: 500;width:130px; height: 60px; line-height: 60px; float: right;text-align: center; font-size: 13px; color: #343a40; letter-spacing: -0.52px;}
section.s-center #detailDiv .Cs-text{ clear:both; line-height: 33px; width: 100%; padding:60px; font-size: 16px; letter-spacing: -0.64px; color: #495057; border-bottom: 1px solid #e9ecef; font-weight: 400; }
section.s-center #detailDiv .Cs-text img{width:100%;}
section.s-center #detailDiv table{margin: 0 auto; display: inline;}
section.s-center #detailDiv table tbody{ overflow-x: scroll; display: block;}
section.s-center #detailDiv table tbody td{padding: 0 10px;}
section.s-center #detailDiv table span{ word-break: break-word; display: inline-flex;}

section.s-center #detailDiv .button-box { width:100%; text-align: right; padding-right:10px;}
section.s-center #detailDiv button.Cs-main-btn{ display: inline-block; margin: 20px 0;  width:170px; height: 45px;border-radius: 5px;  background: #212529; letter-spacing: -0.52px; text-align: center; border: none;}
section.s-center #detailDiv button.Cs-main-btn a{display: block; color: #fff; font-weight: 500; line-height: 45px; height: 45px; font-size: 16px; }

section.buyformall{padding-bottom:200px;}
.buyForm{margin:0 auto; max-width:500px; width:100%; background: #fff; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);}
.buyForm h2{font-size: 20px; letter-spacing: -0.8px;text-align: center;padding: 20px;border-bottom: 1px solid #e9ecef; font-weight: 700;}
.buyForm .buyForm-in{padding:30px;}
.buyForm .buyForm-in .invest-notice{display: none;}
.buyForm .buyForm-in h1.title{color: #343a40;font-size: 16px; font-weight: 700; padding-bottom: 15px; letter-spacing: -1px; margin-bottom: 20px; border-bottom: 1.5px solid #e9ecef;}
.buyForm .buyForm-in .buyForm-prouduct{ padding:0 20px; width:100%; height: auto;   display: flex;justify-content: space-between;     align-items: center;}
.buyForm .buyForm-in .buyForm-prouduct .w30p{width:30%;}
.buyForm .buyForm-in .buyForm-prouduct .w30p>img{width:100%;}
.buyForm .buyForm-in .buyForm-prouduct .w70p{width:70%; padding-right: 10px; word-break: break-all;}
.buyForm .buyForm-in .buyForm-prouduct .w70p li{margin-bottom:5px;font-size: 16px;font-weight: 700 !important;}
.buyForm .buyForm-in .buyForm-prouduct .w70p li.artist span{font-size:14px !important; color:#868e96; font-weight: 500;}

.buyForm .buyForm-in p span.buyform-right{float:right;}
.buyForm .buyForm-in p span.buyform-right{    color: #001639;letter-spacing:-0.62px; font-size:18px; font-weight: bold; }
.buyForm .buyForm-in p span.piece-text{margin-left: 4px;font-size:14px; color:#343a40; font-weight: 600;}
.buyForm .buyForm-in p.clear span.piece-text{line-height: 50px; float:right; letter-spacing:-0.82px;}
.buyForm .buyForm-in p label.buyIng{line-height:50px;}
.buyForm .buyForm-in p.clear{padding: 0 15px 25px 15px;margin-bottom:20px;}
.buyForm .buyForm-in ul.buyForm-state{    background: #FBFCFE; padding: 30px 20px; border-radius: 5px; margin: 40px 0;}
.buyForm .buyForm-in ul.buyForm-state li{     margin-bottom: 8px; padding: 0 10px;   letter-spacing: -0.62px; clear: both;font-size: 14px;color: #868e96;font-weight: 500; width: 100%;}
.buyForm .buyForm-in ul.buyForm-state li.wallet{   margin-bottom: 20px; background: #fff; font-size: 16px; font-weight: 400; color: #212529 !important; padding: 15px 10px; border-radius: 5px;}
.buyForm .buyForm-in ul.buyForm-state li.blue{border-top: 1px solid #E3E8F2;font-size: 16px;margin-top: 25px;padding-top: 22px; font-weight: 600;}
.buyForm .buyForm-in ul.buyForm-state li span#mem-point{font-weight: bold; display: inline-block; float: right; color:#343a40; font-size:16px;}
.buyForm .buyForm-in .invest-notice-button{width: 100%;border: 1px solid #cdd6de;height: 60px;border-radius: 5px;background: #fff;font-size: 14px;color: #868e96;font-weight: 500;margin-bottom: 15px;}
.buyForm .buyForm-in button.toss-button{margin-bottom: 30px;}
.buyForm .reset-btn{display:inline-block; }
.buyForm .reset-btn span.fa-refresh{font-size: 14px;}
.buyForm .reset-btn button {padding-left:5px; background-color: #ffffffff; border: 0;}
.buyForm .buyForm-in ul.buyForm-state li span#buy-money{float:right; color:#343a40; letter-spacing:-0.52px; }
.buyForm .buyForm-in ul.buyForm-state li span#buy-money p{margin:0; padding:0; display: contents; letter-spacing: -0.62px; font-weight: 600;}
.buyForm .buyForm-in ul.buyForm-state li .copy{display: inline-block; width: 35px;line-height: 18px; margin-left: 3px;background: #343a40;border-radius: 10px;height: 18px;text-align: center;color: #fff;font-weight: 400;letter-spacing: -0.72px;font-size: 12px;}
.buyForm .buyForm-in ul.buyForm-state li span.copyNumber{float:right; font-size:15px; color:#343a40; font-weight:400; }
.buyForm .buyForm-in p span.buy-piece-p{float:right; width: 60%; display: inline-block;}
.buyForm .buyForm-in p label{width:22%; display:inline-block;  color:#868e96; font-size: 14px; letter-spacing:-0.52px; font-weight:500;}
.buyForm .buyForm-in p input#buy-number{background: #f9fafc; width:92%;text-align: right; padding-right: 10px; font-weight: 400; font-size:14px; border-radius: 10px;}
.buyForm .buyForm-in p input#buy-point{width:63%; text-align: right; padding-right: 10px;}

.buyForm .buyForm-in ul.buyForm-state p.mbottom40px{padding:0; clear:both; border:none;}
.buyForm .buyForm-in p.mbottom40px{margin-bottom:35px; }
.buyForm .buyForm-in p.mbottom40px span.error-message{display:inline-blcok;  padding-top: 3px;}
.buyForm .buyForm-in p.mbottom40px span.error-message>span{width: 23%; text-indent: -9999px;display: inline-block;}
.buyForm .buyForm-in p select.product-coupon-list{border-radius: 5px; border:1px solid #e9ecef; background:#f5f8fa; height:50px; width: 77%; margin-bottom: 2px;}
.buyForm .buyForm-in p button.copon-btn,
.buyForm .buyForm-in p button.point-btn{letter-spacing:-1px; background: #343a40;border:none; height:50px; color:#fff; texxt-align:center; width:13%;font-size: 14px;font-weight: 600; vertical-align: middle;     border-radius: 5px;}
.buyForm .buyForm-in p button.new-copon{width: 90px; font-size:12px; background: none; color: #fff; float: right; height: auto;padding: 5px 0; background: #4386f9; margin: 3px 0px;}

.buyForm p.agree-cont-in label{color: #212529 !important;}
.buyForm p span.product-name{font-size:16px; font-weight:500; color: #212529; letter-spacing: -0.72px;}

.buyForm .buyForm-in .product-box-gray ul.mallBuy-state{    margin-bottom: 20px !important; padding: 10px 0 10px !important;}
.buyForm .buyForm-in .product-box-gray ul.mallBuy-state li{font-size:14px; letter-spacing: -0.62px; margin-bottom: 10px !important;}
.buyForm .buyForm-in .product-box-gray ul.mallBuy-state li.last{margin-top:15px; font-weight:600 !important;     color: #548dfc !important;}
.buyForm .buyForm-in .product-box-gray ul.mallBuy-state li span{font-size:15px; float:right; }
.buyForm .buyForm-in .product-box-gray ul.mallBuy-state li.star span{float:none; }
.buyForm .buyForm-in .product-box-gray ul.mallBuy-state li.star span.product-buy-texts-name1{float: right;}
.buyForm .buyForm-in .product-box-gray ul.mallBuy-state li.star span>img{vertical-align: middle;}
.buyForm .buyForm-in .product-box-gray ul.mallBuy-state li.star span#totalBuyFee{float:right;}
.buyForm .buyForm-in .product-box-gray ul.mallBuy-state li span.product-buy-texts-name{font-size:14px;}
.buyForm .buyForm-in .product-box-gray ul.mallBuy-state li.mallBuy-state-text span#totalBuyAmt{font-size:16px; color: #548dfc; font-weight:600;}
.buyForm .buyForm-in .product-box-gray ul.mallBuy-state li span.question-txt {position: absolute; z-index: 10;width: 190px;height: auto;text-align: left !important; display: none; padding: 5px;background-color: #fff; letter-spacing: -0.72px; background: #f1f3f5; border: 1px solid #e9ecef; border-radius: 3px; -webkit-box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06); box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06);color: #868e96;font-size: 12px;font-weight: 300;	}
.buyForm .buyForm-in .product-box-gray ul.mallBuy-state li span.question-mark:hover span.question-txt{display:block;}

.buyForm .buyForm-in .product-box-gray ul.mallBuy-state li span.text-right{float:right;}

.buyForm .buyForm-in ul.buyForm-state li span.piece-text{float:right; font-size: 14px;color: #343a40;font-weight: 500; letter-spacing: -0.82px;}
.buyForm .buyForm-in ul.buyForm-state li span.piece-text p.piece-number{  padding-right: 5px;  float:left; letter-spacing: -0.62px; display: contents;}
.buyForm .buyForm-in ul.buyForm-state li.blue span.piece-text{font-size:16px;}

section.buyOk{padding-bottom:200px;}
section.buyOk .invest-list-arrange li p.gray{max-width: 80px;}
section.buyOk .invest-list-arrange li p.word{ width: calc(100% - 70px); word-break: break-all; }
section.buyOk .buy-ok{text-align:center; padding:40px; width: 100%; background: #fff; font-weight: 400; color: #343a40; letter-spacing: -0.62px; box-shadow: 0 3px 9px rgba(0,0,0,0.06);}
section.buyOk .buy-ok .invest-notice{    margin-top: 0 !important; margin-bottom: 40px;}
section.buyOk .buy-ok .buy-ok-img{width: 100%;  max-width: 180px; height: auto; margin: 0 auto 20px;}
section.buyOk .buy-ok .buy-ok-img>img{width:100%;}
section.buyOk .buy-ok p{font-size:14px; font-weight:500;}
section.buyOk .buy-ok h1{font-size: 20px; font-weight:700; margin-bottom:4px; word-break:break-all;}
section.buyOk .buy-ok h1.buyArtist{font-size:16px; color:#868e96; font-weight:400;word-break:break-all; }
section.buyOk .buy-ok button.buy-ok-btn{border-radius: 10px; margin-top:40px; width:100%; height:60px; background:#001639;}
section.buyOk .buy-ok button.buy-main-btn a{color:#001639; font-weight: 700;}
section.buyOk .buy-ok button.buy-main-btn{border-radius: 10px; margin: 10px 0; width:100%;height:60px;  background: #e9ecef;}
section.buyOk .buy-ok button{border:none; }
section.buyOk .buy-ok button a{ display:block; font-size:16px; font-weight:600; line-height: 50px;}
section.buyOk .buy-ok button.buy-ok-btn a{color:#fff;}
section.buyOk .buy-ok .invest-list-arrange li{margin-bottom:5px;}
section.buyOk .buy-ok .invest-list-arrange.line{margin-top: 30px;}
section.buyOk .buy-ok .invest-notice{margin-top:20px;}
section.buyOk .buy-ok.corporation-buy .open-in h1{margin: 16px 0;}
section.buyOk .buy-ok.corporation-buy .open-in p{  line-height: 22px; margin-bottom: 10px;  background: #FBFCFF; font-size: 16px; font-weight: 600; padding: 30px 20px; }

ul.subscription-list{font-size: 16px;max-width: 350px;background: #f9fafc;margin: 40px auto 0;padding: 30px; }
ul.subscription-list li{margin-bottom:8px; display: flex; justify-content: space-between;}
ul.subscription-list li p{font-size: 14px;     font-weight: 600 !important;margin-top: 0 !important;}
ul.subscription-list li p.left-text{ color:#868e96; font-weight: 400 !important; }

section.rentalGMain{width: 100%;height: 200px;background: #Ef9997; position: relative;overflow: hidden;}
section.rentalGMain:before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;opacity: 0.6;background: url(/images/fo/guidemain1.png) no-repeat center;background-size: cover;-ms-background-size: cover; -o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;opacity: 0.1;}
section.rentalGMain h1{position: relative; z-index:1;color: #fff; font-size: 42px; line-height: 200px; letter-spacing: -1.68px; font-weight: bold; text-align: center; }

section.PageR1{ width: 100%; max-width: 1200px; margin: 0 auto; padding-top: 140px; }
section.PageR1>h1{ font-weight: 500; text-align: center;font-size: 32px; color: #343a40; letter-spacing: -1.28px; line-height: 46px;}
section.PageR1 h2{ line-height: 26px; margin-top: 20px; text-align: center;font-size: 16px; color: #343a40; font-weight: 300; letter-spacing: -0.64px;}
section.PageR1 h3{ line-height: 45px;text-align: center;font-size: 20px; color: #E24B4B; font-weight: 400; letter-spacing: -0.52px;}
section.PageR1 h3.one-h3{margin-top:90px;}
section.PageR1 .pageR1-onebox{ width: 100%; max-width: 900px; margin: 0 auto 140px;}
section.PageR1 .pageR1-onebox .Round-box{ margin-top: 60px; }
section.PageR1 .pageR1-onebox .Round-box .Round{ float: left;  margin-right: 5%; border-radius: 50%; width: 190px; height: 190px; background: #fff; border: 1px solid #cdd6de;}
section.PageR1 .pageR1-onebox .Round-box .Round:last-child{margin: 0px;}
section.PageR1 .pageR1-onebox .Round-box .Round h1{ text-align: center; font-weight: 400; font-size: 19px; letter-spacing: -0.88px; line-height: 30px; margin-top: 55px;}
section.PageR1 .pageR1-onebox .Round-box .Round2{ background: #Ef9997; border: none;}
section.PageR1 .pageR1-onebox .Round-box .Round2 h1{color: #fff; margin-top: 55px;}

section.PageR2{padding-bottom: 140px;   width: 100%;  background:#f5f8fa; }
section.PageR2 .Page2-in{width: 100%;max-width: 1200px; margin: 0 auto; text-align: center; padding-top: 140px;}
section.PageR2 .Page2-in>h1{font-size: 32px; letter-spacing: -1.28px; color: #343a40; font-weight: 500;}
section.PageR2 .Page2-in .page2Main-in{width: 100%; max-width:900px; margin: 60px auto 0px; }
section.PageR2 .Page2-in .page2Main-in div.page2Main-in-rental01{width:100%; display:inline-block; margin: 0px auto 30px;}
section.PageR2 .Page2-in .page2Main-in .rentalBox{ height: 400px;  margin-right: 4%; float: left;  width: 30.5%; border:1px solid #cdd6de; background: #fff;padding: 35px;}
section.PageR2 .Page2-in .page2Main-in .rentalBox:last-child{margin-right: 0px; }
section.PageR2 .Page2-in .page2Main-in .rentalBox h1{color: #e85577; font-size: 22px; letter-spacing: -0.92px; font-weight: 500; font-family: Roboto; }
section.PageR2 .Page2-in .page2Main-in .rentalBox .rentalStep{width: 130px; height: 10; height: 130px;  margin: 20px auto;}
section.PageR2 .Page2-in .page2Main-in .rentalBox .rentalStep img{display: block; margin: 0 auto; }
section.PageR2 .Page2-in .page2Main-in .rentalBox p{  font-size: 15px; color: #868e96; letter-spacing: -0.64px; font-weight: 400; line-height: 26px; }

section.PageR3{text-align: center; padding-bottom: 140px;  padding-top: 140px;  width: 100%; max-width: 1200px; margin: 0 auto; }
section.PageR3 h1{font-size: 32px;letter-spacing: -1.28px; color: #343a40; font-weight: 500;}
section.PageR3 p{font-size: 20px; color: #343a40; letter-spacing: -0.8px; line-height: 32px; font-weight: 300; margin-top: 10px;}
section.PageR3 article.table{margin-top: 60px; margin-bottom: 20px;   width: 100%; border-top: 2px solid #495057;}
section.PageR3 article.table .thead{width: 100%;background: #F9FAFC;font-size: 14px; color: #343a40; letter-spacing: -0.56px; font-weight: 500;}
section.PageR3 article.table .thead .tr{border-bottom: 1px solid #E9ECEF;height: 44px;}
section.PageR3 article.table .thead .tr .th{width: 25%; float: left;padding: 12px;height: 100%;}
section.PageR3 article.table .tbody{width: 100%;background: #fff;font-size: 13px; letter-spacing: -0.52px; color: #343a40;}
section.PageR3 article.table .tbody .tr{border-bottom: 1px solid #E9ECEF; height: 40px;}
section.PageR3 article.table .tbody .tr .td{width:25%;float:left;padding: 8px;height: 100%;}
section.PageR3 article.table .tbody .tr .td:nth-child(2){font-weight: 500;}
section.PageR3 article.table .tbody .tr .td:nth-child(3){font-weight: 500;}
section.PageR3 article.table .tbody .tr .td:nth-child(4){font-weight: 500;}
section.PageR3 p.rentalP{font-size: 14px; color: #343a40; text-align: left; letter-spacing: -0.56px; line-height: 26px; margin: 0px;  }

section.PageR4{width: 100%;background: #f5f8fa; padding-top: 140px; padding-bottom: 140px; }
section.PageR4 h1{font-size: 32px;letter-spacing: -1.28px; color: #343a40; font-weight: 500; text-align: center; margin-bottom: 60px;  }
section.PageR4 .PageR4-in{width: 100%; max-width: 1200px; margin: 0 auto; }
section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox{height: 400px;  margin: 1%; float: left;  width: 23%; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06); background: #fff;}
section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox:last-child{margin-right: 0px;}
section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Img{height: 60%; width: 100%; padding: 30px; border-bottom: 1px solid rgba(0,0,0,0.06); display: inline-block;}
section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Img .img-align{width: 100%;  height: 100%; }
section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Img .img-align img{max-width: 100%; height: 100%; display: block;margin: 0 auto;}
section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text{width: 100%; padding: 20px; }
section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.product-name{font-size: 16px; color: #343a40; letter-spacing: -0.64px; font-weight: 500;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.product-about{font-size: 13px; color: #868e96; letter-spacing: -0.52px; font-weight: 400; margin-bottom: 30px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.rental-money{width: 100%;   margin-bottom: 5px;  font-size: 13px; color: #343a40; letter-spacing: -0.52px; font-weight: 400; position: relative;}
section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.rental-money span{font-size: 14px; color: #343a40; float: right;letter-spacing: -0.56px; text-align: right; font-weight: 500;}
section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.rental-money span.rentalRed{color: #e85577;}
section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.rental-money span.rentalRed strong{color: #868e96;font-size: 12px; font-weight: 400; }
section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.rental-money span.question-mark img{margin: 0px 0px 5px 5px;display: inline-block;width: 15px;height: 15px; vertical-align: middle;}
section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.rental-money span.question-mark span.question-txt{
    position: absolute;
    display:none;
    padding: 10px;
    width:170px;
    right: 0px;
    z-index:10;
    top: 10px;
    background: #f1f3f5;
    border: 1px solid #e9ecef;
    border-radius: 3px;
    text-align:left;
    -webkit-box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06);
    box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06);
    color: #868e96;
    font-size: 12px;
    font-weight: 300;
}
section.PageR4 .PageR4-in .rentalGo-btn{width: 100%; max-width: 420px; background: #f8a19f; text-align: center; height: 70px; margin:  70px auto 0px ;}
section.PageR4 .PageR4-in .rentalGo-btn a{display: block; font-size: 20px; color: #fff; letter-spacing: -0.8px; line-height: 70px; font-weight: 500;}

button.printing-btn{max-width:200px; width:100%; background: #001639; height: 50px; color: #fff; font-weight: 400; font-size:16px; border:none; }
p.printing-text{font-size:12px; text-align: right; font-weight: 400; padding:20px; display:none;}
p.a5{font-size:12px; color:#868e96; font-weight:400; text-align:left; padding: 20px 35px; display:block;}

#rentalMenuTabContents section.tab01 .tab-head .col{width:49.8%;}
#rentalMenuTabContents section.tab01 .tab-head .col ul li{padding:0 10px 15px; }
#rentalMenuTabContents .tooltip-box{width:100%; height: 20px; text-align:right;}
#rentalMenuTabContents .tooltip-box span.text{color: #868E96;font-size: 14px; font-weight: 400;}
#rentalMenuTabContents .tooltip-box .tooltip{position: relative;display: inline-block;margin-left: 2px;color: #4386F9;font-size: 14px;}
#rentalMenuTabContents .tooltip-box .tooltip span.tooltip-text{z-index: 1;display:none; text-indent: -7px; text-align: left; box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06);color: #868e96;font-size: 12px;font-weight: 300; background: #f1f3f5;border: 1px solid #e9ecef;border-radius: 3px;padding: 10px; position:absolute; left: auto;bottom: auto;top: 100%;right: 0;width: 300px; }
#rentalMenuTabContents .tooltip-box .tooltip:hover span.tooltip-text{display:block;}

#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .thead .th{font-size:12px; letter-spaicng:-2px; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#memberContent .memberContent-in .my-history .tab-body #rentalMenuTabContents .cont .col.left{width:100% !important;}

#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td:nth-child(2){padding:5px !important;}
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td span.retar-imgs{ width: 30px; margin: 0 auto; height: 30px;display: inline-block;}
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td span.retar-imgs>img{width:100%;}

#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td span.num-bar{ display: inline-block; width:70%; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td span.num-bar span.numBar{position: relative; width:95%; height: 10px;display: inline-block; background: #e9ecef; border-radius:5px; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td span.num-bar span.numBar span.numBar-in{position: absolute; background: #001639; border-radius:5px; height: 10px; width: 60%; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td span.num-bar p{width:0%;font-size:11px; font-weight:400; float:right; color: #868e96;}
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td:last-child p.rentarIng-box{display: inline-block;padding: 2px 10px; font-size: 12px; background: #e1e5e8;color: #adb5bd;border-radius: 3px;;}

#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td:last-child p.rentarIng-box2{font-size: 12px; width: 50px; color: #adb5bd; border-radius: 3px; text-align:center; margin: 0 auto;}
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .thead .th { width: 20% !important; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .thead .th:first-child{ width: 20% !important; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .thead .th:nth-child(2){  width: 10% !important;}

#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .tbody .td { width: 20% !important; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .tbody .td:first-child{ width: 10% !important; padding:5px !important; }
#memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .tbody .td:nth-child(2){width:30% !important; }

#rentalMenuTabContents section.tab02 .col{width:49.8%; }
#rentalMenuTabContents section.tab02 .col ul{padding-bottom:20px;}
#rentalMenuTabContents section.tab02 .col ul li{padding:0 10px 15px; }
#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td span.numAll{color:#343a40;}

article.rentalYieldModal{max-width:1000px; width:100%;  letter-spacing: -0.54px; background: #fff;  padding:0 !important;}
article.rentalYieldModal .body .rentalDetail-top{width: 100%; height: 100px;  padding:60px 35px 0 ; border-bottom: 1px solid #e9ecef; }
article.rentalYieldModal .body .rentalDetail-top h1{font-size: 22px; color: #343a40; font-weight: 400; text-align: left; width: 50%; display:inline-block; float: left;}
article.rentalYieldModal .body .rentalDetail-top p{font-size: 14px; color: #868e96; font-weight:300; text-align: right; width: 50%;display:inline-block; }

article.rentalYieldModal .body .rentalDetail-middle{width:100%; height: 230px; background: #f5f8fa; padding:35px;}
article.rentalYieldModal .body .rentalDetail-middle-in{max-width:930px; width:100%; margin: 0 auto;}
article.rentalYieldModal .body .rentalDetail-middle-in .card{height:160px; margin-right: 2%;float: left;padding: 30px;background: #fff;box-shadow: 0 3px 9px rgba(0,0,0,0.06);}
article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail01{width:170px;}
article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail02{width:44%;}
article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail03{width:33%; margin-right:0px;}
article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail01>div{width: 100%; height:100%;}
article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail01>div img{width:100%;}
article.rentalYieldModal .body .rentalDetail-middle-in .card .text-list{width:100%; font-size:14px; font-weight: 400; letter-spacing: -0.56px;}
article.rentalYieldModal .body .rentalDetail-middle-in .card .text-list li{margin-bottom: 5px;height: 22px;}
article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail02 .text-list li{margin-bottom: 5px;}
article.rentalYieldModal .body .rentalDetail-middle-in .card .text-list li p.label{float:left; width: 40%;color: #868e96; text-align: left; vertical-align: top;}
article.rentalYieldModal .body .rentalDetail-middle-in .card .text-list li p.text-right{font-weight: 500; width: 60%;float: right; text-align: right; font-size:13px; }

article.rentalYieldModal .body .rentalDetail-bottom{ width: 100%; height: auto; padding: 35px;}
article.rentalYieldModal .body .rentalDetail-bottom .col{height: 360px; overflow-y: auto; width: 100%; font-size: 13px; color: #343a40; font-weight: 400; text-align: center; }
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .thead{line-height: 44px; width:100%; height: 44px; border-top: 2px solid #001639; background: #f9fafc;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .thead .th,
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td{width:10%; float:left; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .thead .th:nth-child(8),
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td:nth-child(8){width:10%;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .thead .th:nth-child(3),
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td:nth-child(3){width:10%;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.label{display:none;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .tr{ height: 40px; line-height: 40px; border-bottom: 1px solid #e9ecef;}

button.rcptBtn{display: inline-block; padding: 4px 5px; background: #5A8DFC; color: #fff;border: none;border-radius: 3px;outline: none;}

article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.num-bar{ display: inline-block; width: 100%; padding-left: 5px;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.num-bar span.numBar{margin-top: 15px;float:left; position: relative;width: 60%;height: 10px;display: inline-block;background: #e9ecef;border-radius: 5px;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.num-bar span.numBar span.numBar-in{position: absolute;background: #001639;border-radius: 5px;height: 10px;width: 10%; left: 0;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.num-bar span.numBar span.numBar-in2{width:25%;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.num-bar span.numBar span.numBar-in3{width:37.5%;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.num-bar span.numBar span.numBar-in4{width:50%;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.num-bar span.numBar span.numBar-in5{width:62.5%;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.num-bar span.numBar span.numBar-in6{width:75%;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.num-bar span.numBar span.numBar-in7{width:87.5%;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.num-bar span.numBar span.numBar-in8{width:100%;}
article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.num-bar span.numBar span.numBar-in9{width:100%;}

article.rentalManagementModal .body .rentalDetail-middle-in .rentalDetail02{width:35% !important;}
article.rentalManagementModal .body .rentalDetail-middle-in .rentalDetail03{width:42% !important;}
article.rentalManagementModal .body .rentalDetail-middle-in .rentalDetail02 .text-list li p.label{width: 38% !important;}
article.rentalManagementModal .body .rentalDetail-middle-in .rentalDetail02 .text-list li p.text-right{width: 62% !important;}
article.rentalManagementModal .body .rentalDetail-bottom .col section.nine .thead .th,
article.rentalManagementModal .body .rentalDetail-bottom .col section.nine .tbody .td{width:30% !important;}
article.rentalManagementModal .body .rentalDetail-bottom .col section.nine .thead .th:nth-child(1),
article.rentalManagementModal .body .rentalDetail-bottom .col section.nine .tbody .td:nth-child(1){width:10% !important;}
article.rentalManagementModal .body .rentalDetail-bottom .col section.nine .tbody .trIng{background:#F9FAFC; }

article.rentalManagementModal .body .rentalDetail-middle-in .rentalDetail03 .text-list li p.label{width: 60% !important;}
article.rentalManagementModal .body .rentalDetail-middle-in .rentalDetail03 .text-list li p.text-right{width: 40% !important;}
article.rentalManagementModal .body .rentalDetail-bottom .col section.four .tbody .td,
article.rentalManagementModal .body .rentalDetail-bottom .col section.four .thead .th{width:25% !important;}

/*.th-sell{ display: none; }*/
section.tab-content div.th-sell{ margin-bottom:20px;}
section.tab-content div.th-sell .col{width: 49.8%;}
section.tab-content div.th-sell .col .info-list li{padding: 0 10px 15px;}
section.tab-content div.th-sell .col .info-list li p.text-right{font-weight:500;}
section.tab-content div.th-sell .col .info-list li p.text-right span{font-size: 15px; font-weight:500;}

/*경매 결제하기 페이지 배송방법 선택*/
div.receive #receiveWayTypeBox{ display: flex; justify-content: space-around;}
div.receive #receiveWayTypeBox section{width:48%; height:60px; line-height: 60px; border-radius: 10px; text-align: center; background: #fafcfd;;}
div.receive #receiveWayTypeBox section input{display:none;}
div.receive #receiveWayTypeBox section label{width: 100%; display: inline-block; color:#adb5bd !important;;}
#receiveWayTypeBox input[name="receiveWayType"]:checked ~ label{ color: #4386f9 !important; text-decoration: none !important; background:#e9ecef; border-radius: 10px; font-weight: 500;}

.cardB{ width: 100%; background: #fff; font-weight: 400; color: #343a40; letter-spacing: -0.62px; box-shadow: 0 3px 9px rgba(0,0,0,0.06); }
.bg-gray-mall{padding-bottom: 220px;}
.mallBuy{max-width: 1000px; margin: 0 auto; height: auto; }
.mallBuy h2{font-size: 20px; letter-spacing: -0.8px; text-align: center; padding: 20px; border-bottom: 1px solid #e9ecef; font-weight: 500;}
.mallBuy .mallBuy-in{width: 100%; clear: both;}
.mallBuy .mallBuy-in>div{padding: 40px; width: 50%; height: auto;  float: left;}
.mallBuy .mallBuy-in div.mallBuy-box{width: 100%; margin-bottom: 40px; }
.mallBuy .mallBuy-in div.mallBuy-box h1{ color: #343a40; font-size: 18px; text-align: center; margin-bottom: 15px; font-weight: 500;}
.mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct{width: 100%; background: #fafcfd; height: auto; padding: 15px;}
.mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail{width: 100%;}
.mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail .mallBuy-detailImg{vertical-align: top; width: 100px; height: 100px; display:inline-block; margin-right: 10px;}
.mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail .mallBuy-detailImg img{width: 100%;}
.mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail .mallBuy-detailText{display: inline-table;width: 70%;    padding: 5px 0px 0px 10px;}
.mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail .mallBuy-detailText p{color: #a28fcc; font-size: 16px; display: inline-block;}
.mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail .mallBuy-detailText h1{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #343a40; font-size: 16px; text-align: left;margin: 5px 0px 0px;}
.mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail .mallBuy-detailText h2{font-size: 12px; color: #868e96; letter-spacing: -0.48px; text-align: left; padding: 0px; border-bottom: none;}
.mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail .mallBuy-detailText h3{margin-top: 10px; font-weight: 300; color: #343a40; font-size: 12px;}
.mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail2{width: 100%; height: 25px; color: #343a40; letter-spacing: -0.48px; font-size: 13px; padding-top: 30px;}
.mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail2 p{float: right; font-size: 14px; font-weight: 600;}
.mallBuy .mallBuy-in div.mallBuy-box .mall .Buy-prouduct .mallBuy-detail2 p span{font-size: 12px; font-weight: 400;}
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state{width: 100%; height: auto;}
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li{ clear: both;line-height: 25px; font-size: 14px; color: #adb5bd; font-weight: 400;  width: 100%; height: 25px; margin-bottom: 5px;}
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li.mallBuy-state-text div.reset-btn{    float: none; display:inline-block; padding: 6px 0 0 3px;}
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li.mallBuy-state-text div.reset-btn span{font-size:13px;}
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li.mallBuy-state-text h1.moneyTitle{line-height: 25px;font-size: 14px;color: #adb5bd;font-weight: 500;text-align:left;height: 25px;display:inline-block;float:left;}
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li div.copy{display: inline-block; width: 35px; line-height: 18px;  margin-left: 3px; background: #4386f9; border-radius: 10px; height: 18px; text-align: center; color: #fff; font-weight: 400; letter-spacing: -0.72px; font-size: 12px;}
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li span{vertical-align: middle; display: inline-block; float: right; font-size: 15px; color: #343a40; letter-spacing: -0.6px; }

.mallBuy .mallBuy-in div.mallBuy-box p.place{color:#868e96; border-radius: 10px; font-size: 14px; background:#fafcfd; text-align: center; margin-bottom:40px; padding:20px 0; font-weight: 500;}

span>p.dpst{font-size: 18px; float:left; margin-right:5px !important; line-height: 8px;  }
.mallBuy span>p.dpst{line-height: 22px; }
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li span>a{display: block; color: #fff;}
.mallBuy .mallBuy-in div.mallBuy-box-line{ border-top: 1px solid #e9ecef; border-bottom: 1px solid #e9ecef; padding: 40px 0; }
.mallBuy .mallBuy-in div.mallBuy-box-line .mallBuy-box-stay .mallBuy-boxsize40 h3{color: #adb5bd; font-size: 14px; letter-spacing: -0.56px; width: 22%; float: left; font-weight:400;}
.mallBuy .mallBuy-in .mallBuy-boxsize40 span{width:15%; height: 40px; background: #4386f9; display: inline-block; color: #fff; text-align: center; font-size: 14px; letter-spacing: -0.56px; vertical-align: middle; line-height: 40px;     border-radius: 5px;font-weight: 400;margin-left: 1%;}
.mallBuy .mallBuy-in .mallBuy-boxsize40 span a{color: #fff; font-weight: 400; font-size: 14px;}
.mallBuy .mallBuy-in input.mallBuyall{width: 78%;  max-width: 500px;     border-radius: 5px;}
.mallBuy .mallBuy-in select{width: 78% !important; background: #fff; border-radius: 5px !important;}
.mallBuy .mallBuy-in div.mallBuy-box-line .mallBuy-box-stay .mallBuy-boxsize40:nth-child(5){margin-bottom: 0;}
.mallBuy .mallBuy-in div.mallBuy-box-line .mallBuy-box-stay .mallBuy-boxsize40 h3.noh3{opacity: 0;}
.mallBuy .mallBuy-in div.mallBuy-box-line h1.checkboxh1{margin-bottom: 5px;}
.mallBuy .mallBuy-in div.mallBuy-box-line .agree-cont-in{ width: 100%; text-align: right; margin-bottom: 10px;}
.mallBuy .mallBuy-in div.mallBuy-box-line .agree-cont-in input.address-check{width: 20px;}
.mallBuy .mallBuy-in div.mallBuy-box-line .agree-cont-in label{ font-size: 13px; letter-spacing: -0.52px; }

.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li div.tooltip{position: relative; display: inline-block;color:#4386F9; }
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li div.tooltip .tooltip-text{display:none; position: absolute; padding: 10px; width: 220px;background: #f1f3f5; border: 1px solid #e9ecef; border-radius: 3px;-webkit-box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06);box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06);z-index: 10;}
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li div.tooltip:hover .tooltip-text{display:block;}
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li div.tooltip .tooltip-text h3{    line-height: 18px;color: #868e96;font-size: 12px; font-weight: 400;}

div.mallBuy-box-gray{background: #f5f8fa; padding: 30px; margin-bottom: 20px;}
div.mallBuy-box-gray .mallBuy-state{margin-bottom: 20px; padding: 20px 0 20px;}
div.mallBuy-box-gray .mallBuy-state li{margin-bottom: 15px; color: #343a40 !important; font-weight: 400 !important;}
div.mallBuy-box-gray .mallBuy-state li span.mallBuy-maincolor{color: #664bac; font-weight: 600 !important ; font-size: 17px;}
div.mallBuy-box-gray p{ padding: 0px !important; color: #868e96; font-size: 12px; letter-spacing: -0.48px; text-align: right; }
div.mallBuy-box-gray p.agree-cont-in{text-align:left;  padding: 4px 0 !important;}
div.mallBuy-box-gray p.agree-cont-in input{width:15%;}
.mallBuy-boxsize40{height: 50px; margin-bottom: 5px; line-height: 50px;}
.mallBuy-boxsize40.request{margin-bottom:0 !important;}
.mallBuy .mallBuy-in .mallBuy-boxsize40:last-child{margin-bottom: 0;}
div.mallBuy-box ul.mallBuy-state li.mallBuy-boxsize40{height: 50px; line-height: 50px;}
.mallBuy .mallBuy-in input,.mallBuy .mallBuy-in select{border: 1px solid #e9ecef; height: 40px; width: 62%;    text-indent: 5px; }
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-stateP h3{color: #adb5bd;font-size: 14px;letter-spacing: -0.56px;width: 22%;float: left;font-weight: 400;     line-height: 40px;}
div.mallBuy-box-gray span.agree-label{ margin-bottom: 10px; font-weight: 500}
div.mallBuy-box-gray .agree-cont label{font-size: 13px; letter-spacing: -0.52px; color: #343a40; font-weight: 400;}

div.mallBuybtn{height: 60px; cursor: pointer; margin-bottom: 0;  background: #001639; border-radius: 5px;position: inherit;width: 100% !important;}
div.mallBuybtn a{font-weight: bold; font-size: 18px; letter-spacing: -0.8px; color: #ffffff !important; line-height: 60px; display: block; text-align: center;}
#paySubscriptionButton i{ display: flex;line-height: 60px;justify-content: center;}

.auctionBuy{max-width: 600px;}
.auctionBuy .auctionBuy-in>div{width: 100%;}
.auctionBuy .auctionBuy-in>div:nth-child(1){padding-bottom: 0;}
.auctionBuy .auctionBuy-in>div:nth-child(2){padding-top: 0;}
.auctionBuy .auctionBuy-in div.auctionBuy-box .mallBuy-prouduct{height: auto !important;}
.auctionBuy .auctionBuy-in div.auctionBuy-box .mallBuy-prouduct ul.mallBuy-state li{margin-bottom: 2px;}
.auctionBuy .auctionBuy-in div.auctionBuy-box .mallBuy-prouduct ul.w30p{width: 30%; float: left; }
.auctionBuy .auctionBuy-in div.auctionBuy-box .mallBuy-prouduct ul.w70p{width: 70%; display: inline-block; padding-left: 20px;}
.auctionBuy .auctionBuy-in div.auctionBuy-box .mallBuy-prouduct p.krw{letter-spacing: -0.48px; color: #868e96; font-size: 12px; font-weight: 400; text-align:  right; margin-bottom: 10px;}
.auctionBuy .auctionBuy-in div.auctionBuy-box .mallBuy-prouduct ul.w30p li.w30p-img{width: 100%; height: 100%; background: #fff;}
.auctionBuy .auctionBuy-in div.auctionBuy-box .mallBuy-prouduct ul.w30p li.w30p-img>img{width: 100%;}
.auctionBuy .auctionBuy-in div.auctionBuy-box .mallBuy-prouduct ul.w30p li.w30p-title{width: 100%; padding-top: 5px; font-size: 14px; color: #343a40; margin-bottom: 0px; letter-spacing: -0.72px; text-align: center; widows: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.auctionBuy .auctionBuy-in div.auctionBuy-box .mallBuy-prouduct ul.w30p li.w30p-title-art{font-size: 12px; text-align: center; margin-bottom: 0; line-height: 14px;padding-top: 4px;}
span.auctionC{color: #81031c !important; font-size: 16px !important; font-weight: 600;}
.auctionBuy .auctionBuy-in div.auctionBuy-box-select select{width: 63% !important; border-radius: 0 !important;border: 1px solid #e9ecef;}
.auctionBuy .auctionBuy-in div.auctionBuy-box-select span{margin-top: 5px;}
.auctionBuy .auctionBuy-in .agree-cont-in input{width: 15% !important; }
.auctionBuy .auctionBuy-in div.mallBuy-box ul.mallBuy-state li.mallBuy-state-text div.reset-btn{float: none;line-height: 13px; padding: 6px 0 0 0; display: inline-block;}

.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li div.reset-btn{float: right;}
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li p.pay-all{display: inline-block; font-size: 20px;}

.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li.mallBuy-state-text div.question-mark{
    display: inline-block;
    width: 15px;
    height: 15px;
}
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li .question-mark>img{vertical-align: middle;}
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li span.question-txt {
    padding: 5px;
    position: absolute;
    top: 30px;
    display: none;
    letter-spacing: -0.72px;
    background: #f1f3f5;
    border: 1px solid #e9ecef;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06);
    box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06);
    color: #868e96;
    font-size: 12px;
    font-weight: 300;
    line-height:20px;
}

.auctionBuy .auctionBuy-in div.auctionBuy-box .auction-no-pay{height: 220px !important;}
.mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li span.reset-btn{float:none;}

.artMallHistory .head{border-bottom:none !important; }
.artMallHistory .head p.krw{color: #868E96;font-size: 14px;font-weight: 300; text-align:right; margin-bottom:15px;}
.artMallHistory .head .mall-head{padding-bottom: 20px; }
.artMallHistory .head .mall-head .col{width:49.8%; display: inline-block;vertical-align: top !important;}
.artMallHistory .head .mall-head .col .left.w20p{width: 20%;}
.artMallHistory .head .mall-head .col .title{width: 100px;font-size: 14px; font-weight: 500;}
.artMallHistory .head .mall-head .col .left{float: left;}
.artMallHistory .head .mall-head .col .left.w80p{width:80%;}
.artMallHistory .head .mall-head .col .form-box{margin-bottom: 20px; width: 100%;}
.artMallHistory .head .mall-head .col .form-box input{width: 40%;height: 40px;border: 1px solid #E9ECEF;outline: none;}
.artMallHistory .head .mall-head .col .button-box{margin-bottom: 20px; width: 100%;}
.artMallHistory .head .mall-head .col .button-box .button{float: left;width: 18%;height: 40px;background: #fff;border: 1px solid #E9ECEF;border-left: none;color: #ADB5BD;font-size: 12px;text-align: center;line-height: 40px; cursor: pointer;}
.artMallHistory .head .mall-head .col .button-box .button:first-child{border-left: 1px solid #E9ECEF;}
.artMallHistory .head .mall-head .col .button-box .button.active{border: 1px solid #001639; color: #001639;}
.artMallHistory .head .mall-head .col .search-box .input{width: 72%;height: 40px;outline: none;vertical-align: middle;}
.artMallHistory .head .mall-head .col .search-box .search-button{font-size: 14px; width: 26%;height: 40px;background: #001639;border: none;color: #fff;vertical-align: middle; outline: none;}
.artMallHistory .mall-detail-button{display:none;}
#mall-head.dis-none{display:block;}

.artMallHistory .table.seven .thead .th,
.artMallHistory .table.seven .tbody .td { width: 14.28%;  display: grid;}
.artMallHistory .table.seven .tbody .td span.td-top{ display:block; padding-bottom:4px; font-size: 12px;}
.artMallHistory .table.seven .tbody .td span.td-tops{display:inline-block; padding-right: 4px;}
.artMallHistory .table.seven .tbody .tr{height:60px;}
.artMallHistory .table.seven .tbody .td{padding:0px !important; line-height:60px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.artMallHistory .table.seven .tbody .td:nth-child(2){line-height: 15px; padding: 8px !important;}
.artMallHistory .table.seven .tbody .td span.td-top-img{margin:0 auto 2px; width:28px; height:28px;}
.artMallHistory .table.seven .tbody .td span.td-top-img>img{width:100%;}
.artMallHistory .table.seven .tbody .td span.right button.orderCancel{color: #fff; background:#343a40; border:none; padding: 4px 12px; border-radius: 3px;}
.artMallHistory .table.seven .tbody .td button.erbtn{background: #868e96;}

article#orderCancelModal{padding: 50px;max-width: 400px;text-align: center; width:100%;}
article#orderCancelModal .contents .text{margin-bottom:20px;}
article#orderCancelModal .contents .button {display: inline-block;margin: 0 4px; width: 45%;height: 50px;background: #e9ecef;font-size: 18px;font-weight: 500;line-height: 50px;cursor: pointer;}
article#orderCancelModal .contents .button.blue{background: #001639;color: #FFFFFF;border: none;}
article.mallModal{padding:30px;width:100%; }
article.mallModal .contents h2.title{font-size: 20px; font-weight: 500; text-align: left;}
article.mallModal .contents .body .head{padding: 20px 0px 10px; border-bottom: 1px solid #E9ECEF;}
article.mallModal .contents .body .head .tab-list{ float:left;}
article.mallModal .contents .body .head .tab-list ul.list li{ texxt-align: left; display: inline-block; color: #ADB5BD;font-size: 16px;font-weight: 500; cursor: pointer; margin-right:20px;}
article.mallModal .contents .body .head .tab-list ul.list li.active{color:#001639;}
article#erModal{max-width:500px;}
.mallBuy .mallBuy-in input.pointBoxmall{text-align: right; padding-right: 5px;}
article#erModal #erModalMenuTabContents .cont{padding: 10px 5px 20px;}
article#erModal #erModalMenuTabContents .cont h3{padding:10px 0px 5px; text-align:left; font-size:14px; color: #868e96; font-weight:400;}
article#erModal #erModalMenuTabContents .cont select{width: 100%;max-width: 430px;background: #fff;height: 50px;cursor: pointer;font-size: 13px;color: #343a40; padding: 10px;letter-spacing: -0.72px;}
article#erModal #erModalMenuTabContents .cont textarea{max-width: 430px;width: 100%;text-indent:10px;font-size:13px;font-weight:400;color: #343a40;padding-top: 10px;background: transparent;}
article#erModal #erModalMenuTabContents .cont .erModalbtn{width:100%; height:50px; background:#001639; margin-top:20px;}
article#erModal #erModalMenuTabContents .cont .erModalbtn a{display:block; font-size:16px; color:#fff; line-height: 50px; font-weight:500;}

article#deliveryTrackingModal{max-width:650px;}
article#deliveryTrackingModal .deliveryTrackingModal h1.title{font-size: 16px; font-weight:500; color: #343a40; text-align: left; padding:15px 5px 7px; border-bottom:1px solid #e9ecef; }
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate{width:100%; padding: 10px 5px 20px; }
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate li{width:100%;  margin-bottom:6px;}
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate li span.left-text{width:130px; text-align:left; float:left; display:inline-block; font-weight: 500; font-size:13px; color:#868e96; letter-spacing: -0.72px;}
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate li span.right-text{text-align:left; display:block; font-size:14px; font-weight:400;letter-spacing: -0.54px; }
article#deliveryTrackingModal .deliveryTrackingModal hr.hr_line{display:inline-block; margin-right: 8px; width:2.4px; height:12px; background:#001639; border:none;}
article#deliveryTrackingModal .deliveryTrackingModal .table{width:100%; margin-top:20px;padding: 0px 5px 0px;}
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .thead{border-left: 1px solid #e9ecef; border-right: 1px solid #e9ecef;border-top: 2px solid #001639; width:100%; height:44px; background:#f8f9fa;}
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .thead .tr .th{line-height: 42px; font-size:13px; font-weight:400; letter-spaicng: -0.62px; float:left; }
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody.malladdressList{height:250px; border: 1px solid #e9ecef;}
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody.malladdressList .tr .td span.label{display:none;}
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody.malladdressList .tr .td span.light{display:inline-block;}
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody.malladdressList .tr{height:40px; border-bottom:1px solid #e9ecef; }
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody.malladdressList .tr .td{float:left; font-size:12px; font-weight:400; line-height: 40px;letter-spacing: -0.72px;}
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .thead .th,
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody .td { width: 17%;  }
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .thead .th:nth-child(3),
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody .td:nth-child(3) { width: 49%;  }
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody .td:nth-child(4){color:#4386F9;}
article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody.scroll{overflow-y:auto;}
article#deliveryTrackingModal .deliveryTrackingModalbtn{ cursor: pointer; width:100%; max-width:140px; background: #e9ecef; height: 45px; margin: 20px auto;}
article#deliveryTrackingModal .deliveryTrackingModalbtn a{font-size: 16px; line-height: 45px; display:block;  font-weight:500;}

article.erModal-ok{max-width: 400px; width: 100%;}
article.erModal-ok h2{font-size: 16px; letter-spacing: -0.52px; color: #343a40; font-weight: 500;}
article.erModal-ok p{font-size: 14px; font-weight: 400; letter-spacing: -0.52px; color: #343a40; margin-bottom: 10px;}
article.erModal-ok .button-box button{width: 100px; height: 40px; border: none; background: #001639;}
article.erModal-ok .button-box button.button-my{background: #bcbcbc !important;}
article.erModal-ok .button-box button a{font-size: 14px; color: #fff; font-weight: 400; letter-spacing: -0.72px; display: block;}

article.erModal-no{max-width: 400px; width: 100%;}
article.erModal-no h2{font-size: 18px; text-align: left; color: #343a40; font-weight: 500; letter-spacing: -0.52px; margin-bottom: 10px;}
article.erModal-no section.body .no-text{width: 100%; height: auto; background:#fafafa; padding: 20px; margin-bottom: 20px;}
article.erModal-no section.body .no-text p{line-height: 22px; text-align: left;}
article.erModal-no .button-box button{background: #001639; width: 100%; height: 45px; border: none;}
article.erModal-no .button-box button a{font-size: 16px; letter-spacing: -0.72px; font-weight: 400; color: #fff;}

.auctionHistoryDetail-first{display:block; margin-bottom: 20px;}
#auctionMenuTabContents .auction-detail-button{display:none;}
.auctionHistoryDetail-first .col{width: 49.8%;}
.auctionHistoryDetail-first .col .left{float:left;}
.auctionHistoryDetail-first .col h3.title{width: 60px;font-size: 14px;font-weight: 500; padding-bottom: 5px;}
.auctionHistoryDetail-first .col .w20p{width: 20%;}
.auctionHistoryDetail-first .col .w80p{width: 80%;}
.auctionHistoryDetail-first .col .form-box{margin-bottom: 20px; width: 100%;}
.auctionHistoryDetail-first .col .form-box .input{width: 40%;height: 40px;border: 1px solid #E9ECEF; outline: none;}
.auctionHistoryDetail-first .col .button-box{margin-bottom: 20px; width: 100%;}
.auctionHistoryDetail-first .col .button-box .button{float: left;width: 18%;height: 40px;background: #fff;border: 1px solid #E9ECEF;border-left: none;color: #ADB5BD;font-size: 12px;text-align: center;line-height: 40px; cursor: pointer;}
.auctionHistoryDetail-first .col .button-box .button:first-child{border-left: 1px solid #E9ECEF;}
.auctionHistoryDetail-first .col .button-box .button.active{border: 1px solid #001639; color: #001639;}
.auctionHistoryDetail-first .col .search-box .input{width: 72%;height: 40px;outline: none;vertical-align: middle;}
.auctionHistoryDetail-first .col .search-box .search-button{ width: 26%;height: 40px;background: #001639;border: none;color: #fff;vertical-align: middle; outline: none;}
.auctionHistoryDetail-first .col .auction-block-w100p{width:100%;}
.auctionHistoryDetail-first .col .auction-block-w100p .w50p{ width:50%; display:inline-block; float:left;}
.auctionHistoryDetail-first .col .auction-block-w100p .w50p .w20p{}
.auctionHistoryDetail-first .col .auction-block-w100p .w50p .w80p{ width: 77%;}
.auctionHistoryDetail-first .col .auction-block-w100p .w50p .w80p .button-list .button{width:30%;}
#auctionMenuTabContents article.table.eight .tbody .td span.right-img{width:24px; height:24px; display:inline-block;}
#auctionMenuTabContents article.table.eight .tbody .td span.right-img>img{width:100%;}
#auctionMenuTabContents article.table.eight .tbody .td span.time{font-size:12px; color: #868E96; font-weight:400;}

#auctionHistoryDetail .head h1.title{color: #343a40; font-size: 16px; font-weight: 500;}
#auctionHistoryDetail p.title-notice{font-size:11px; color: #868E96; font-weight:300; text-align:right; padding:10px 0px;}
#auctionHistoryDetail article.table{margin-top:30px;}
#auctionHistoryDetail article.table.eleven .thead .th,
#auctionHistoryDetail article.table.eleven .tbody .td { width: 8%;  }
#auctionHistoryDetail article.table.eleven .thead .th{font-size:12.5px;}
#auctionHistoryDetail article.table.eleven .tbody .td{font-size:12px;}
#auctionHistoryDetail article.table.eleven .tbody .td{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#auctionHistoryDetail article.table.eleven .thead .th:nth-child(2),
#auctionHistoryDetail article.table.eleven .tbody .td:nth-child(2) { width: 9%; }
#auctionHistoryDetail article.table.eleven .thead .th:nth-child(3),
#auctionHistoryDetail article.table.eleven .tbody .td:nth-child(3) { width: 6%; }
#auctionHistoryDetail article.table.eleven .thead .th:nth-child(5),
#auctionHistoryDetail article.table.eleven .tbody .td:nth-child(5) { width: 6%; }
#auctionHistoryDetail article.table.eleven .thead .th:nth-child(7),
#auctionHistoryDetail article.table.eleven .tbody .td:nth-child(7) { width: 9%; }
#auctionHistoryDetail article.table.eleven .thead .th:nth-child(8),
#auctionHistoryDetail article.table.eleven .tbody .td:nth-child(8) { width: 9%; }
#auctionHistoryDetail article.table.eleven .thead .th:nth-child(9),
#auctionHistoryDetail article.table.eleven .tbody .td:nth-child(9) { width: 9%; }
#auctionHistoryDetail article.table.eleven .thead .th:nth-child(10),
#auctionHistoryDetail article.table.eleven .tbody .td:nth-child(10) { width: 12%; }

#auctionHistoryDetail article.table.eleven .tbody .td span.right-img{width:24px; height:24px; display:inline-block;}
#auctionHistoryDetail article.table.eleven .tbody .td span.right-img>img{width:100%;}
#auctionHistoryDetail article.table.eleven .tbody .td span.right i.fa-plus{position: absolute; cursor: pointer; margin-left: 3px; font-size: 10px;line-height: 15px; color:#fff; width:15px; height:15px; background:#4386F9; border-radius:1px; }
#auctionHistoryDetail article.table.eleven .tbody .td-bidok,
#auctionHistoryDetail article.table.eleven .tbody .td-bidno{cursor:pointer;}
#auctionHistoryDetail article.table.eleven .tbody .td span.right .button.disable{background: transparent;color: #ADB5BD;pointer-events: none;cursor: none;}

article.bidModal{padding: 30px; max-width: 480px !important;}
article.bidModal .head h2.title{font-size: 20px;font-weight: 500; text-align: left;}
article.bidModal .body{margin: 10px 0;padding: 20px; border: 1px solid #E9ECEF;}
article.bidModal .body .info-body{width:100%;}
article.bidModal .body .receive-info{margin-top:40px;}
dt.completed{ width: 100% !important;text-align: center !important;background: #f9f8f8;margin-top: 20px;color: #868e96;height: 40px !important; line-height: 40px !important; font-weight: 400 !important; border-radius: 5px;}

article.bidModal .body .info-body .list .label{float: left; width: 35%;height: 24px;color: #868E96;font-size: 13px; text-align: left;}
article.bidModal .body .info-body .list .text{float: left;width: 65%;height: 24px; font-size: 13px;font-weight: 500; text-align: right;}
article.bidModal .body .info-body .list .textcancel{    width: 100%; margin-top: 20px; color: #868e96;font-weight: 400;}
article.bidModal .body .info-body .list .label span.tooltip{position: relative;display: inline-block;color: #4386F9;font-size: 14px;}
article.bidModal .body .info-body .list .label span.tooltip span.tooltip-text{z-index: 1;text-indent: -7px;display:none;text-align: left;box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06);color: #868e96;font-size: 12px;font-weight: 300; background: #f1f3f5;border: 1px solid #e9ecef;border-radius: 3px;padding: 10px;line-height:18px; position: absolute;right: auto;bottom: auto;top: 100%;left: 0;width: 235px;}
article.bidModal .body .info-body .krw{text-align:right; font-size:12px; margin-bottom:5px;}
article.bidModal .body .info-body button.blue{width:100px; border:none; border-radius:3px; height:35px; margin-top:25px; background:#4386F9;  }
article.bidModal .body .info-body button.blue a{color: #fff; height:100%; line-height: 35px; display:block; font-size:14px; font-weigth:400;}
article.bidModal .body .info-body .list .label span.s12p{font-size:11px; letter-spaing:-0.82px; }
.receive-info { padding: 20px; background: #f9f8f8; border: 1px solid #ddd; }
.receive-info .h_auto { height: auto !important; }

p.krw{font-size:12px; text-align:right; color:#868e96; letter-spaicng:-0.62px; font-weight:400;}

/*명품매입 페이지*/
#jnlConsignment .redesignin .left h3{line-height: 48px; margin-bottom: 22px;}
#jnlConsignment .guide-list{padding-bottom:0; margin-top: 40px;}
#jnlConsignment .guide-list .guide-listbox{height: 290px; width: 23.5%; overflow: hidden; text-align: center; margin-top:0px;}
#jnlConsignment .guide-list .guide-listbox h3{color:#121114; background:#FFEEDB; padding: 20px 25px;}
#jnlConsignment .guide-list .guide-listbox:nth-child(3){margin-right:2%;}
#jnlConsignment .guide-list .guide-listbox:nth-child(4){margin-right:0;}
#jnlConsignment .guide-list .guide-listbox:nth-child(1) p,
#jnlConsignment .guide-list .guide-listbox:nth-child(2) p,
#jnlConsignment .guide-list .guide-listbox p.p-li{ line-height: 60px;}
#jnlConsignment .guide-list .guide-listbox p{font-weight:500; line-height: 1.5; color: #121114;}
#jnlConsignment .guide-list .guide-listbox .guide-listbox-img{padding: 25px;  height: 135px;}
#jnlConsignment p.guide-listbox-p{ font-size: 16px; color: #868e96;text-align: center;letter-spacing: -0.8px;text-align:center; margin: 40px 0px 5px; }
#jnlConsignment p.guide-listbox-p-t{font-size: 16px; color: #868e96;text-align: center;letter-spacing: -0.8px;text-align:center; }
#jnlConsignment p.sub_t{font-size:22px; color: #868E96; font-weight:400; letter-spacing: -0.8px;}
#jnlConsignment .round{background:#121114;}

#jnlConsignment .guide-list2 .guide-listbox h3{background:#E1EEFA;}

/*마이페이지 new*/
#memberContent .memberContent-in .contents .virtual-account-number .main-layout{display: flex; justify-content: space-between;}
#memberContent .memberContent-in .contents .virtual-account-number .main-layout ul{width: 50%; padding-left: 15px;}
#memberContent .memberContent-in .contents .virtual-account-number .main-layout ul p.title{font-size: 14px;color: #868E96;font-weight: 400;}
#memberContent .memberContent-in .contents .virtual-account-number .main-layout ul.text-list{ border-right: 1.5px solid #cdd6de; padding-left: 0 !important; padding-right: 15px;}
div.c01-new{margin-bottom:20px; height:290px;}
div.c01-new .user-info{height:230px !important;}
div.c01-new .user-cont{height:230px !important;}
div.c01-new .user-info .text-list li{    line-height: 14px;display: flow-root;    margin: 14px 0;}
div.c01-new .user-info .text-list li p.label{font-size: 14px;color: #868E96; font-weight: 400;}
div.c01-new .user-info .text-list li p.text-right a,
div.c01-new .user-info .text-list li p.text-right span.num{display: inline-flex;text-decoration: underline; font-size: 14px; font-weight: 500;}
div.c01-new .card-new .tooltip-boxB .tooltip-text{ top: 38px;height: 30px;line-height: 30px;padding: 0 10px;}
div.c01-new .card-new{position: relative;  float: left;background: #fff; box-shadow: 0 3px 9px rgb(0 0 0 / 6%);}
div.c01-new .card-new .text-list li.padding{padding-top:6px;}
div.c01-new div.card-title{color:#343a40; width:100%; height:50px; background: #E1ECFF; padding:0 30px; line-height: 50px;}
div.c01-new div.card-title .tooltip-boxB{display:inline-block;}
div.c01-new div.card-title h1{font-size:16px; float:left; font-weight:500; padding-right: 4px;}
div.c01-new div.card-title p{font-size:12px; text-align:right; color:#868e96; float: right;}
div.c01-new .text-list-block{padding:25px 30px; display: inline-block;}
div.c01-new .text-list-block li.p_tion{position: relative !important;}
div.c01-new .card-new .tooltip-boxN{ position: absolute; left: 130px; top: 0; color: rgb(134, 142, 150);font-size: 14px;font-weight: 400; word-break: keep-all;}
div.c01-new .card-new .tooltip-boxN .tooltip{position: relative; display: inline-block; margin-left: 2px; font-size: 14px; vertical-align: middle;}
div.c01-new .card-new .tooltip-boxN .tooltip-text{display:none; position: absolute; right:50%; bottom: 100%; padding: 10px; width: 220px; background: #f1f3f5; border: 1px solid #e9ecef; border-radius: 3px;  -webkit-box-shadow: 0 3px 9px rgb(52 58 64 / 6%); box-shadow: 0 3px 9px rgb(52 58 64 / 6%); color: #868e96; font-size: 12px; font-weight: 300;}
/*투자현황 탭*/
div.c01-new div.card-title .tab{margin: 0;
    width: auto;
    float: right;
    box-shadow: none;
    background: #fff;
    height: 40px;
    line-height: 40px;
    padding: 2px 15px;
    margin-top: 10px;
    border-radius: 5px 5px 0 0;
}
div.c01-new div.card-title .tab .tab_item{
    font-size: 12px;
    border-radius: 5px;
    padding: 2px 10px;
    height: 25px;
    line-height: 25px;
    margin-top: 5px;
}
/*필수 예치금 발급*/
.essential{clear:both;}
.essential input{max-width: 500px !important;;}
.essential .contents:first-child{ margin-bottom: 40px; }
.essential .contents p.title{font-size: 16px; font-weight: 600; margin-bottom: 10px !important;}
.essential .contents input,
.essential .contents select{height: 50px; border: 1px solid #e9ecef; border-radius: 5px;}
.essential .contents .form{margin-bottom: 8px;}
.essential .contents .notice{background: #f9fafc;height: auto;overflow: hidden;padding: 15px 5px; width: 100%; margin-top: 20px;}
.essential .contents .notice span{text-align: center;}
.essential .contents button{ border-radius: 5px; background: #548DFC; height: 50px; border: none; float:right;  color: #fff;font-size: 14px;}
.essential .contents-bank p.left{color: #868e96; font-weight: 400; float: left; line-height: 50px; width: 30%;  margin-bottom: 0 !important;}
.essential .contents a{width:30%; float: right;     border-radius: 5px; display: inline-block; height: 50px; background: #548DFC; color: #fff;  line-height: 50px;font-size: 14px; text-align: center; font-weight: 500;  vertical-align: top;}
.essential .contents-adress .width100 input{width: 100%;}
.essential .width70{width:68%;}
.essential .width30{width:30%;}
.essential .width20{width:20%;}
.essential .width50{width:48%;}
.essential select{float: right; padding: 0 10px; color:#868e96; font-size: 14px; font-weight: 400;}
.essential .red-notice{font-size:13px; margin-top:5px; text-align:right; display:inline-block; width:100%;}

div.c04-new{height:225px;clear:both;}
div.c01-new .card50{height:100%; vertical-align:top; float: left; background: #fff; box-shadow: 0 3px 9px rgb(0 0 0 / 6%);  width:49%;}
div.c01-new .card50.right{float:right;}
div.c04-new div.card-title{background: #F9FAFC; border-bottom:1px solid #E9ECEF;}
div.c01-new .card50 ul.in{padding:20px 30px; position: relative;}
div.c01-new .card50 ul.in li.accordion{cursor: pointer; margin-bottom:15px;}
div.c01-new .card50.right ul.in li.accordion{margin-bottom:8px; cursor: auto;}
div.c01-new .border{border-bottom:1px solid #e9ecef; padding-bottom:10px; margin-bottom:10px;}
div.c01-new .card50.right ul.in li.accordion:last-child{cursor:pointer;}
div.c01-new li.accordion p.text-right span.num span{font-weight:500; font-size:14px;}
div.c01-new li.accordion .contents-box2{overflow: auto; max-height: 400px; height:auto;}
div.c01-new li.accordion .contents-box2 ul{ border-bottom: 1px solid #e9ecef;  padding-bottom: 10px;}
div.c01-new li.accordion .contents-box2 ul:last-child{border-bottom:none; padding-bottom:0px; }
div.c01-new li.accordion .contents-box ul li{font-size:13px;padding-left: 20px; margin-bottom:6px;}
div.c01-new li.accordion .contents-box ul.detail li{padding-left: 0px;}
div.c01-new li.accordion .contents-box ul li.top-title{margin-bottom:12px; padding-left:0px; font-size:14px;}
div.c01-new .card50.right li.accordion .contents-box ul li.top-title{margin-top:15px;}
div.c01-new div.detailMypage-btn{ display: inline-block;  padding: 2px 6px; background: #4386F9; border-radius:5px; border: none; float: right; margin-top:15px; }
div.c01-new div.detailMypage-btn a{color: #fff; display: block;  font-size: 13px; font-weight: 400;}
div.c01-new div#myTotal li.accordion .contents-box ul li{padding-left: 0px;}

#memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .thead .th:nth-child(7),
#memberContent .memberContent-in .my-history .tab-body .body .table.jnl-goods-sale-list .thead .th.th-sell:nth-child(6),
#memberContent .memberContent-in .my-history .tab-body .body .table.goods-sale-list .thead .th.th-sell:nth-child(7),
#memberContent .memberContent-in .my-history .tab-body .body .table.goods-sale-list .thead .th.th-sell:nth-child(8),
#memberContent .memberContent-in .my-history .tab-body .body .table.goods-sale-list .thead .th.th-sell:nth-child(10) { padding: 4px 12px 4px 12px;}

/*삼성c-lab 랜딩페이지 회원가입이벤트 배너추가*/
#eventjoin{width:100%; height:140px; background: url(/images/fo/event_join.png) center center no-repeat #1240BC; margin-bottom:50px;}
#eventjoin .in{width:100%; max-width:600px; margin:0 auto;}
#eventjoin .in h1{letter-spacing: -1.2px; color:#fff; width:59%; line-height: 140px; font-size:33px; font-weight: 200 !important; display:inline-block;}
#eventjoin .in h1 span{font-weight: 900;}
#eventjoin .in h1 span strong{color:#FDE23D;}
#eventjoin .in div.coupon{width:40%; display:inline-block; vertical-align: top; text-align: right;}
#eventjoin .in div.coupon img{padding: 12% 0%; width: 80%;}

/*투게더아트_투자계약증권 적합성 테스트 확인*/
.invest button{transition: all 0.3s ease-in;}
.invest br{display: none;}
.invest .selectbtn br{display: block !important;}
.invest{letter-spacing: -0.62px;}
.invest .bg-gray{ padding-bottom: 100px;}
.invest .card-shadow{box-shadow: 0 3px 9px rgb(0 0 0 / 6%); background:#fff; max-width:500px; width: 100%; margin: 0 auto; border-radius: 10px;}
.invest .agree-in{padding: 40px;}
.invest .agree{max-width: 600px;}
.invest .agree p{ line-height: 26px; font-weight:500; font-size:15px; }
.invest .agree dl{background: #F4F5F7; padding:20px; margin-top:20px;}
.invest .agree dt{display:none;}
.invest .agree dd{font-size:14px; font-weight: 400; line-height: 20px; color:#7c8187;}
.invest .agree dd.mar{margin-bottom:5px;}
.invest .line-bg{height:10px; background:#F4F5F7; width: 100%; }
.invest i.fa-chevron-down{text-align: center; font-size: 16px; color: #dfe0e1; display: block; margin: 20px 0;}
.invest .agree-check{text-align: center;}
.invest .agree-check h1.agree-text{font-size: 18px; color:#001639; font-weight:500;}
.invest .agree-check h1.agree-text span{font-size: 26px;margin-right: 10px;font-weight: 800;position: relative;z-index: 1;}
.invest .agree-check h1.agree-text span:after{ z-index: -1;background: #F4F5F7;position: absolute;content: "";left: -10px;border-radius: 50%; width: 40px;top: -2px;height: 40px;}
.invest .agree-check p.dred{font-size:13px; font-weight:400; margin-top:10px; line-height: 1.4;}
.invest .agree-check .agree-line{width: 100%; margin: 20px auto 35px; height: 2px; background: #F4F5F7; max-width: 500px;}
.invest .check-box{clear:both; width: 100%; height: 60px; max-width: 380px; margin: 0 auto;}




.invest .check-box .button{ width:49%; font-weight: 500; font-family: 'Noto Sans KR'; font-size:14px; float:left; background:#fff; height: 100%; border: 1px solid #959EA5; color:#959EA5; border-radius: 10px;}
.invest .check-box .button:nth-child(1){margin-right:2%;}
.invest .check-box .button.on{ color: #fff; border:none; background-color: #548DFC;}
.invest button.start-button{ transition: all 0.3s ease-in; max-width:420px; width:100%; height: 70px !important;  text-align: center; border-radius: 10px; border: none; background:#B1B7BC; color:#fff; font-family: 'Noto Sans KR'; font-size:16px; font-weight: 500; margin-top: 40px; }
.invest button.start-button.active,
.invest-inquiry button.nextbtn.active{background:#001639;}

.invest-inquiry .inquiry{padding:50px;}
.invest-inquiry .inquiry .bar{background: #F4F5F7; overflow: hidden;  height: 8px; width: 100%; border-radius: 10px;}
.invest-inquiry .inquiry .bar .bar-step{background:#9EBCFF; height: 100%; border-radius: 10px; transition: all 0.3s ease-in;}
.invest-inquiry .inquiry .bar .bar-step.step1{width:8.333%;}
.invest-inquiry .inquiry .bar .bar-step.step2{width:16.666%;}
.invest-inquiry .inquiry .bar .bar-step.step3{width:24.999%;}
.invest-inquiry .inquiry .bar .bar-step.step4{width:33.332%;}
.invest-inquiry .inquiry .bar .bar-step.step5{width:41.665%;}
.invest-inquiry .inquiry .bar .bar-step.step6{width:49.998%;}
.invest-inquiry .inquiry .bar .bar-step.step7{width:58.331%;}
.invest-inquiry .inquiry .bar .bar-step.step8{width:66.664%;}
.invest-inquiry .inquiry .bar .bar-step.step9{width:74.997%;}
.invest-inquiry .inquiry .bar .bar-step.step10{width:83.33%;}
.invest-inquiry .inquiry .bar .bar-step.step11{width:91.663%;}
.invest-inquiry .inquiry .bar .bar-step.step12{width:100%;}
.invest-inquiry .inquiry .inquiry-in .button-sort button.selectbtn{width:49%; margin-right: 2%; float:left;}
.invest-inquiry .inquiry .inquiry-in .button-sort button.selectbtn:last-child{margin-right:0;}
.invest-inquiry .inquiry .inquiry-in .guide{background: #F4F5F7; margin-top:20px; padding:20px;}
.invest-inquiry .inquiry .inquiry-in .guide p{font-size:13px; color:#868e96; line-height: 1.5;}
.invest-inquiry .inquiry .inquiry-in .guide p:first-child{margin-bottom:6px;}
.invest-inquiry.inquiry2 .bar .bar-step.step1{width:10%;}
.invest-inquiry.inquiry2 .bar .bar-step.step2{width:20%;}
.invest-inquiry.inquiry2 .bar .bar-step.step3{width:30%;}
.invest-inquiry.inquiry2 .bar .bar-step.step4{width:40%;}
.invest-inquiry.inquiry2 .bar .bar-step.step5{width:50%;}
.invest-inquiry.inquiry2 .bar .bar-step.step6{width:60%;}
.invest-inquiry.inquiry2 .bar .bar-step.step7{width:70%;}
.invest-inquiry.inquiry2 .bar .bar-step.step8{width:80%;}
.invest-inquiry.inquiry2 .bar .bar-step.step9{width:90%;}
.invest-inquiry.inquiry2 .bar .bar-step.step10{width:100%;}
.invest-inquiry .inquiry .inquiry-in{padding: 40px 20px;}
.invest-inquiry .inquiry .inquiry-in h2{font-size:18px; color:#868E96; font-weight: 400; margin-bottom:5px;}
.invest-inquiry .inquiry .inquiry-in h2>span{font-size:20px; color: #9EBCFF; font-weight: 600; }
.invest-inquiry .inquiry .inquiry-in h3{font-size:20px;margin-bottom:50px; line-height: 1.45;}
.invest-inquiry .inquiry .inquiry-in h3>sub{font-size:14px; font-weight:400; vertical-align: middle;}
.invest-inquiry button{ padding: 8px 20px;text-align:left; line-height: 1.5;  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 6%); font-family: 'Noto Sans KR'; font-size: 15px; width:100%; margin-bottom:12px; min-height: 65px; height:auto !important; background: #fff; border: 1px solid #959EA5; border-radius: 10px;  }
.invest-inquiry button.true-button-style{ box-shadow: 0 3px 6px 0 rgb(0 0 0 / 30%);}
.invest-inquiry button:last-child{margin-bottom:0;}
.invest-inquiry button.nextbtn{float:right; width:30%; height:60px !important; border: none;text-align: center;   background: #B1B7BC; color: #fff; margin-top: 40px;}
.invest-inquiry i{color: #fff !important; display: inline; margin:0; font-size: 16px !important; padding:0 3px;}
.invest-inquiry button.on{border: 2px solid #9EBCFF; background:#F2F6FF;}

.suitability-modal{ max-width: 320px; padding: 30px !important; width: 100%; }
.suitability-modal p{font-size:16px; margin-bottom:20px; font-weight: 500; line-height: 1.5; }
.suitability-modal .close-x-btn{position: unset !important; width: 100px !important;}
.suitability-modal .invest-popup-button{border: none; width: 200px;}
.suitability-modal .close-x-btn,
.suitability-modal .invest-popup-button{background: #001639; line-height: 45px; border-radius: 10px; color: #fff; height: 45px !important; margin: 0 auto;font-size: 14px;font-weight: 500;display: inline-block; }
.suitability-modal .due-date{font-size:14px; color:#868e96; font-weight:400;}

/*.invest-result .type-box{padding: 40px 30px;}*/
/*.invest-result .type-box div.type-text{display:flex;  flex-direction: column; float: left; margin-right: 1%; width:19%;}*/
/*.invest-result .type-box div.type-last{ margin-right: 0;}*/
/*.invest-result .type-box p{ margin-bottom:3px; font-size: 12px; text-align:center; border-radius: 8px; padding:6px; color: #fff; font-weight: 500;}*/
/*.invest-result .type-box p.type1{background: #F88895;}*/
/*.invest-result .type-box p.type2{background: #E398E9;}*/
/*.invest-result .type-box p.type3{background: #B19AF1;}*/
/*.invest-result .type-box p.type4{background: #83BEF0;}*/
/*.invest-result .type-box p.type5{background: #59D4D5;}*/
/*.invest-result .type-bar p.none{display: none;}*/
/*.invest-result .type-box p.bar{padding:2px;}*/
/*.invest-result .result-img{max-width:380px; width:100%; overflow: hidden;  margin:20px auto 40px; }*/
/*.invest-result .result-img img{ width:100%; }*/
/*.invest-result .agree-in{text-align: center;}*/
/*.invest-result .agree-in h3{font-size:14px;}*/
/*.invest-result .agree-in h2{font-size:26px;}*/
/*.agree-in .type1{color: #F88895 !important;}*/
/*.agree-in .type2{color: #E398E9 !important;}*/
/*.agree-in .type3{color: #B19AF1 !important;}*/
/*.agree-in .type4{color: #83BEF0 !important;}*/
/*.agree-in .type5{color: #59D4D5 !important;}*/
/*.invest-result .agree-in h4{ border: 1px solid #E6E9F0; font-size:14px; line-height: 1.6; margin: 0 auto 20px; max-width: 380px; width:100%; padding: 20px 30px; font-weight:400;}*/
/*.invest-result .agree-in p.due-date{font-size:12px; font-weight:500; margin-top: 6px;  color:#868E96;}*/
/*.invest-result button.start-button,*/
/*.invest .agree-check button.start-button{max-width:380px !important;}*/

.invest-popup{max-width: 550px;}
.invest-popup .body p{font-size:18px; font-weight: 600; padding: 20px 0;}
.invest-popup .body ul{background:#F4F5F7; padding: 30px 20px;}
.invest-popup .body li{margin-bottom:6px; margin-left: 6px; line-height: 1.6; text-align: left; text-indent: -6px;}
.invest-popup button{background:#001639; color:#fff; max-width: 200px; width: 100%;height: 70px;border-radius: 10px;border: none;font-family: 'Noto Sans KR';font-size: 16px;font-weight: 500;margin-top: 30px; }

/*마이페이지 투자계약증권 적합성 테스트*/
.MYpage .membership .my-invest{background:#F5F8FA; margin: 20px 0; padding:20px; border-radius: 10px;}
.MYpage .membership .my-invest p{font-size: 14px; font-weight: 400; display: inline-block;   vertical-align: super; color: #001639;}
.MYpage .membership .my-invest p.type{ font-size:18px; font-weight: 600; }
.MYpage .membership .my-invest p i{font-size:9px;     vertical-align: inherit;}
.my-invest button.invest-test-btn{ border: none; padding: 3px 9px; margin-top: -6px; border: 1px solid #495057; background: #E9ECEF; border-radius: 5px; }
.my-invest button.invest-test-btn a{color:#001639; display: inline-block;  letter-spacing: -0.62px; font-size: 14px; font-weight: 500;}
.my-invest p.ptext{float:left;line-height: initial; }
.my-invest p.ptext span{font-size:14px; font-weight: 600; }
.my-invest button.gobtn a{font-size:12px;}


/*copy css*/
button{font-family: 'Pretendard' !important; cursor: pointer; transition: all 0.2s ease-in;}
.in-round{border-radius: 10px; overflow: hidden;}
.invest-notice p{font-size: 16px;font-weight: 600;margin-bottom: 10px;color: #548dfc;}
.invest-notice li{word-break: break-all; text-align: left; margin-bottom: 4px;line-height: 17px; text-indent: -7px; font-size: 12px; color: #868E96; font-weight: 300;}
button.mini-button{border: none; background:#343A40 ; color: #fff; border-radius: 13px; padding: 4px 15px; }
button.invest-button{margin-bottom: 40px; cursor: pointer;  font-size: 18px; font-weight: 600; border: none;background: #001639; text-align: center; color: #fff; border-radius: 10px; height: 80px; width: 100%;}
input.in-input{ max-width: 190px !important; width: 100%; font-weight: 700; font-size: 16px;   color: #548DFC; font-family: 'Pretendard'; border: 1px solid #E9ECEF; height: 50px; border-radius:5px;   padding: 0 35px 0 0; text-align: right; }
input.in-input::placeholder{color: #CDD6DE; font-weight: 400; font-size: 14px; padding-right: 5px;}
.invest-button-two button{background: #001639; font-size: 14px; font-weight: 500; float: left; color: #fff;; border: none; border-radius: 10px; height: 60px; width: 49%;}
.invest-button-two button:nth-child(2){float: right; background: #B7C0C7;}

.withdraw{max-width: 1200px; margin: 0 auto;}
.withdraw .contents{background: #fff; margin: 0 auto; max-width: 540px; width: 100%; box-shadow: 0 3px 9px rgba(0,0,0,0.06);}
.withdraw .contents .contents-top{background: #F5F8FA; height: 100px;}
.withdraw .contents .contents-top li p.text-right{color: #868e96;}
.withdraw .contents .contents-top li button{margin-left: 8px;}
.withdraw .contents .contents-top-in li p.text-right span.bank,
.invest-popup .contents-top-in p.label span.bank{overflow: hidden; vertical-align: middle; display: inline-block; border-radius: 50%; width: 25px; height: 25px; margin-right: 5px; background: #868e96;}
.withdraw .contents .contents-top-in li p.text-right span.bank img,
.invest-popup .contents-top-in p.label span.bank img{width: 100%; vertical-align: top;}
.withdraw .contents .contents-top .contents-top-in{padding: 20px 50px; line-height: 55px;}
.withdraw .contents .contents-top-in li{ display: inline-table; width: 100%;height: 35px;margin-bottom: 10px;}
.withdraw .contents .contents-top-in li p.col{ float: left; font-size: 16px; font-weight: 500;}
.withdraw .contents .contents-top-in li p.text-right{text-align: right; float: right;}
.withdraw .contents .contents-top-in li p.text-right.amount{font-size: 18px; font-weight: 600;}
.withdraw .contents .contents-top-in li p.text-right span.won,
.invest-popup .body h3 span.won{font-size: 16px; color: #868e96; font-weight: 500; padding-left: 5px;}
.withdraw .contents .contents-bottom{padding: 40px 50px;}
.withdraw .contents .contents-bottom p.withdraw-notice{margin-bottom: 40px; background: #FBFCFF; padding: 10px 20px; font-size: 13px; line-height: 20px; color: #868E96;}
.withdraw .contents .contents-bottom .amount-button{margin: 10px 0px 40px;}
.withdraw .contents .contents-bottom .amount-button button{ font-weight: 500; height: 40px; background: #fff; border: 1.5px solid #CDD6DE; color: #868E96;  border-radius: 5px;  font-size: 14px; float: left; margin-right: 2.5%; width: 18%;}
.withdraw .contents .contents-bottom .amount-button button:hover{background: #F2F6FF; border: 2px solid #9EBCFF;}
.withdraw .contents .contents-bottom .amount-button button:last-child{margin-right: 0;}
.withdraw .contents .contents-bottom li.text-amount p.label{height: 50px;; line-height: 50px;}
.withdraw .contents .contents-bottom li.text-amount p.text-right{position: relative;}
.withdraw .contents .contents-bottom i.fa-solid{cursor: pointer; position: absolute;  right: 30px; top: 18px;color: #CDD6DE;}
.invest-popup.withdraw .contents .contents-top-in li p.col{padding:0 !important;}

/*공통 팝업*/
.invest-popup{max-width: 400px; width: 100%; margin: 0 auto;}
.invest-popup .body h1{font-size: 20px; font-weight: 600; margin-bottom: 5px;}
.invest-popup .body h2{font-size: 14px; font-weight: 400; color: #868e96;}
.invest-popup .body h3.blue{font-size:18px;}
.invest-popup.withdraw .contents{box-shadow: none;}
.invest-popup .contents-top-in{border: 1px solid #F4F5F7; padding: 15px; background:#fff; margin: 20px 0 10px 0;}
.invest-popup.withdraw .body ul{background:#fff;}
.invest-popup.withdraw .contents .contents-top-in li{ padding-top: 8px;   line-height: 20px; margin-bottom: 0;text-indent: 0; margin-left: 0px;}
.invest-popup .contents-top-in p.label{color:#868e96; font-weight: 300 !important;}
.invest-popup .contents-top-in p.label span.bank-name{padding-right: 5px; font-weight: 600; color: #343a40;}

/*투자자격 변경 신청*/
.qualification{padding: 60px; max-width: 870px; margin: 0 auto; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.qualification>section.top{text-align: center; background: #FBFCFF; border: 1px solid #F4F5F7; padding: 40px 30px;}
.qualification>section p{font-weight: 700; font-size: 20px; margin-bottom:25px; }
.qualification>section p a{color: #38C1CE; text-decoration-line: none;}
.qualification>section ul li{ font-size: 14px;margin-bottom: 10px; font-weight: 400;}
.qualification .download{ margin-top: 30px;}
.qualification .download button{ line-height: 50px; vertical-align: top; overflow: hidden; border-radius: 10px; font-size: 14px; font-weight: 600; border: none; max-width: 260px; width: 100%; height: 50px; color: #fff;background: #B7C0C7;}
.qualification .download button.file{background: #CDD6DE; color: #001639;     margin-right: 20px;}
.qualification .download button.file i.fa-solid{font-size: 18px; vertical-align: text-bottom;}
.qualification .download button.file span{font-size: 18px; display: inline-block; background: #96DEE6;height: 50px;width: 50px; float: right;}
.qualification .change{ max-width: 600px; width: 100%; margin: 50px auto 0;}
.qualification .change>div{float: left; width: 48%; text-align: center;;}
.qualification .change>div button{ transition: all 0.2s ease-in; width: 100% ; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); height: 120px; border-radius: 10px; border: 1px solid #959EA5; font-size: 18px;}
.qualification .change button.default{line-height: inherit;}
.qualification .change>div:nth-child(2){float: right;}
.qualification .change>div button.on{background: #F2F6FF; border: 2px solid #9EBCFF;}
.qualification .change p{font-size: 12px; font-weight: 400;}
.qualification .change>div button i{margin-right: 5px;}
.qualification .change>div button p{color: #868e96; font-size: 14px;     margin-bottom: 0 !important;}
/*전문투자자 팝업*/
.invest-popup.qualification{text-align: left; max-width: 480px; width: 100%; padding: 40px !important;}
.invest-popup.qualification .contents h1{color: #38C1CE; font-size: 20px; font-weight: 700; margin-bottom: 5px;}
.invest-popup.qualification .contents h2{font-size: 14px; color: #343A40; font-weight: 600;}
.invest-popup.qualification .contents p{font-size: 14px; font-weight: 400; line-height: 20px;}
.invest-popup.qualification .contents p span{color: #F4875F;}
.invest-popup.qualification .contents .file-list{  border-radius: 20px 20px 0 0; overflow: hidden;;}
.invest-popup.qualification .contents .file-list h3{background: #F4875F; color: #fff; height: 40px; font-weight: 500; font-size: 14px; line-height: 40px;padding-left: 20px;}
.invest-popup.qualification .contents .file-list h3 i{margin-right: 5px;}
.invest-popup.qualification .contents .file-list p{border: 1px solid #CDD6DE; border-top: none !important; margin: 0;  padding: 15px 10px;}
/*개인정보 동의 팝업*/
.invest-popup.invest-terms{padding: 0 !important;}
.invest-popup.invest-terms h1{color: #343a40 !important;}
.invest-popup.invest-terms h2{color: #868e96 !important;}
.invest-popup.invest-terms .terms-padding{padding: 10px 40px;}
.invest-popup.invest-terms .terms-padding-top{padding: 60px 40px 0 40px;}
.invest-popup.invest-terms .terms-list{background: #FBFCFF; padding: 40px;}
.invest-popup.invest-terms .terms-list p.blue{font-size: 14px;   margin: 20px 0 5px !important; padding: 0 !important;}
.invest-popup.invest-terms .terms-list p.blue:nth-child(1){margin-top: 0 !important;}
.invest-popup.invest-terms .terms-list ul{ background: none;padding: 0 0 0 15px;}
.invest-popup.invest-terms .terms-list ul.ul{padding: 0;}
.invest-popup.invest-terms .terms-list p.strong{margin-bottom: 5px;  margin-top: 10px; padding: 0;}
.invest-popup.invest-terms .terms-list ul li{text-indent: -5px; margin-bottom: 3px; line-height: 20px;}
.invest-popup.invest-terms .terms-list .textindent{margin-left: 15px;}
/*청약서*/
.investPaper{max-width: 800px; margin: 0 auto;}
.investPaper .print-notice{font-size: 14px; color: #868e96; text-align: right; font-weight: 400; padding: 20px 0 0;}
.investPaper .contents{background: #fff; border: 1px solid #F8F8F8; margin-top: 20px;}
.investPaper .contents .top{background: #F8F8F8; height: 245px;}
.investPaper .contents .top .left{width: 25%; padding: 0 0 40px 40px;  height: inherit;}
.investPaper .contents .top .left .logo{  display: flex;padding: 0 60px 20px 0; height: -webkit-fill-available;align-items: flex-end;}
.investPaper .contents .top .left .logo img{width: 100%;}
.investPaper .contents .top .right{width: 70%; text-align: left; padding: 30px 40px 50px 0; border-top: 6px solid #212529;;}
.investPaper .contents .top .right .button-box{text-align: right; margin-bottom: 30px;}
.investPaper .contents .top .right .button-box button{border: none; padding: 5px 10px; color: #fff; border-radius: 5px; background: #548dfc;}
.investPaper .contents .top .right .button-box button.down{background: #212529;}
.investPaper .contents .top .right h1{font-size: 26px; font-weight: 800; margin-bottom: 20px;}
.investPaper .contents .top .right h1 span{width: 25px; display: none; vertical-align: text-top; margin-right: 12px;}
.investPaper .contents .top .right h1 span img{width: 100%;}
.investPaper .contents .top .right p{ font-weight: 400; color: #ba1750; font-size: 14px; line-height: 18px; text-indent: -6px; margin-bottom: 6px; padding-left: 6px;}
.investPaper .contents .middle{ padding: 40px; text-align: left;}
.investPaper .contents .middle h2{font-size: 18px; border-bottom: 1px solid #e9ecef; margin-bottom: 25px; padding-bottom: 15px;}
.investPaper .contents .middle h2 i{ font-size: 16px; margin-right: 8px; }
.investPaper .contents .middle .in-top{width: 100%; height: 260px;}
.investPaper .contents .middle .in-top .left,
.investPaper .contents .middle .in-top .right{ width: 45%;}
.investPaper .contents .middle ul{padding-left: 32px;}
.investPaper .contents .middle ul li{display: flex;  margin-bottom: 12px; justify-content: space-between; align-items: flex-start; height: auto;}
.investPaper .contents .middle ul li p{font-size: 14px; font-weight: 600; line-height: normal;}
.investPaper .contents .middle ul li p.text-left{line-height: 16.5px; color: #707070; max-width: 130px;font-weight: 500; text-align: right;  width: 100%;}
.investPaper .contents .middle ul li p.text-left.long{max-width: 190px; word-break: break-all;}
.investPaper .contents .middle ul li.li-flex{display: block; clear:both;   line-height: normal;}
.investPaper .contents .middle ul li.li-flex p.long{float: right;}
.investPaper .contents .middle ul li.li-flex p{display: inline-block;}
.investPaper .contents .middle .in-middle{width: 100%; margin-top: 20px; border-radius: 10px;padding: 30px;  background: #FCFCFC;}
.investPaper .contents .middle .in-middle h2{border-bottom: 1px solid #cdd6de;;}
.investPaper .contents .middle .in-middle section:nth-child(1){margin-bottom: 40px;}
.investPaper .contents .bottom{position: relative; padding: 20px 40px 30px 40px; border-bottom: 6px solid #212529;}
.investPaper .contents .bottom .left{padding-top: 30px; font-size: 16px; font-weight: 500;}
.investPaper .contents .bottom .right{width: 140px;}
.investPaper .contents .bottom .right img,
.investPaper .contents .bottom .seal img{width: 100%}
.investPaper .contents .bottom .seal{ position: absolute; right: 0; width: 100px; top: -5px;height: 100px;}
/*청약서 임시*/
.investPaper.temporary .contents .middle .in-top{height: auto;}
.investPaper.temporary .contents .middle .in-top .left,
.investPaper.temporary .contents .middle .in-top .right{padding: 0 30px; width: 100%; margin-bottom: 40px;}
.investPaper.temporary .contents .middle ul li p.text-left.long{max-width: 300px;}
/*투자계약서*/
.investPaper-contract{text-align: left !important;padding:60px 10px !important;;}
.investPaper-contract .text{padding:0 15px; height: 900px; overflow: auto;  line-height: 1.5; font-size: 14px;}
.investPaper-contract .seal-box{position: relative; display: inline;}
.investPaper-contract .seal-box .seal{width: 65px; height: 65px; display: inline-block; position: absolute; top: -25px; right: -50px;}
.investPaper-contract .seal-box .seal img{width: 100%;}

/*회원가입 환영 & 지갑개설*/
.account-open{border-radius: 10px !important; max-width: 530px;}
.account-open .button-box{width: 85%; margin: 0 auto;}
.account-open .account-button{background: #5B71DE; width: 100%; margin-top: 20px; height: 60px; border: none; border-radius: 5px;}
.account-open .account-button.invest{background: #38C1CE !important;}
.account-open .account-button a{ width: 100%; color: #fff; height: inherit; display: inline-block; line-height: 60px; font-size: 16px; font-weight: 600;}
.account-open .account-button.back{background: #cdd6de;}
.account-open .open-in span.icon{display: inline-block; width: 100px;margin-bottom: 10px; }
.account-open .open-in span.icon img{width: 100%;}
.account-open .open-in h1{font-size: 24px;    margin-bottom: 20px !important; line-height: 32px;}
.account-open .open-in .toss-qr-text p{color:#adb5bd;}
.account-open .open-in .toss-qr-text p.copy{margin-top: 5px; color: #0146ff; font-weight: 600;}
.account-open .open-in .toss-qr-text button{ border: none; background: #0146ff;padding: 3px 10px;color: #fff;border-radius: 10px;margin-left: 3px;cursor: pointer;}
.account-open .open-in p{line-height: 22px; color: #868e96;     font-size: 16px;}
.account-open .open-in p strong{font-weight: 600; color: #4C77BC;}
.account-open .open-in p.notice{font-size: 14px; line-height: 20px; color: #E85555; font-weight: 400;}
.account-open .invest-notice{width: 85%; margin: 10px auto;}
.account-open .invest-notice-modal{border: none;}
.account-open .invest-notice-modal p{
    font-size: 18px;
    padding-bottom: 10px;
    margin: 5px auto 10px;
    font-weight: 700;
}
.account-open .invest-notice-modal li{font-size: 14px; line-height: 22px;}

/*계좌잔액부족 모달*/
.toss-remittance{max-width: 340px;}
.toss-remittance .joinEmail-in{background:none !important; box-shadow: none !important;; padding:0 !important;}
.toss-remittance .joinEmail-in .text-left{text-align: left;}
.toss-remittance .joinEmail-in .text-left{ font-size: 18px; font-weight: 300;margin-bottom: 30px; }
.toss-remittance .joinEmail-in .text-left span.text-sub{font-size: 14px; color:#868e96; margin-bottom: 6px; display: inline-block;}
.toss-remittance .joinEmail-in .text-left p{font-size:18px; margin-bottom: 100px;}
.toss-remittance .joinEmail-in .text-left p > span{font-size:26px; margin-right: 4px; font-weight: 700;  letter-spacing: -1px;}
.toss-remittance .joinEmail-in .button-arrow .check{border: none; background: #CDD6DE; }
.toss-remittance .joinEmail-in .text-left span.nh-account{display: block; margin-bottom: 4px;font-weight: 600;font-size: 16px;}
.toss-remittance .joinEmail-in .text-left span.nh-account .nh-account-logo{width: 20px;height: 20px;overflow: hidden;display: inline-block;margin-left: -2px;vertical-align: bottom;}
.toss-remittance .joinEmail-in .text-left span.nh-account .nh-account-logo img{width:100%;}

/*금융거래정보제공동의 모달*/
.financial-agree .joinEmail-in{box-shadow: none; padding: 0;}
.financial-agree p.icon{max-width: 150px; width: 100%; margin: 0 auto; }
.financial-agree p.icon img{width: 100%;}
.financial-agree h1.text-left{font-size:18px; font-weight: 400; line-height: 28px; max-width: 290px; margin: 0 auto; }
.financial-agree .scroll{background:#f5f8fa; border: 1px solid #e9ecef;    margin: 30px 0 60px 0;text-align:left;}
.financial-agree .scroll .scroll-in{ margin: 10px;overflow-y: scroll;height: 240px;}
.financial-agree .scroll table{width: 100%;}
.financial-agree .scroll table tr>td:first-child{ background: #dce1e6;width: 30%;}
.financial-agree .scroll table tr td{padding: 2px;}
.financial-agree .scroll table tr td span.number{font-family: 'Malgun Gothic', sans-serif !important;}
.financial-agree .agree{ text-align: left;}
.financial-agree .agree .flex{ display: flex;justify-content: space-between; align-items: flex-start; margin-bottom: 25px;}
.financial-agree .agree h1{font-size:16px;  font-weight: 500;     margin-bottom: 6px;}
.financial-agree .agree h2{font-size:14px; color: #868e96; font-weight: 400; }
.financial-agree .joinEmail-in .button-arrow .toss-button{margin-right:10px;}
.financial-agree .agree .off button.toss-button{background:#e9ecef !important;}
.financial-agree .agree .off button.phone-button{border: none; background:#e9ecef;}
.financial-agree .agree .off button.phone-button a{ color: #adb5bd;}
/*전자서명 버튼*/
.kg-signature-button span.iconimg{width: 35px; height: 35px; display: inline-block;line-height: 35px; margin-right: 3px;}

/*지갑 연동 오류*/
.account-open.failure-modal p.notice{ color: #212529;   border: 1px solid #e9ecef;padding: 20px 0;margin: 10px auto 0;max-width: 307px;border-radius: 5px;}
.account-open .open-in .step{background: #F5F8FF; border-radius: 10px; padding: 30px; margin: 20px auto 5px; width: 85%; display: flex; justify-content: space-evenly;}
.account-open .open-in .step div span{box-shadow: 0 0 4px rgba(0,0,0,0.05);display: flex; justify-content: center; align-items: center; margin: 0 auto 5px;  width: 45px; height: 45px; border-radius: 50%; background: #fff;}
.account-open .open-in .step div p{font-size: 14px; font-weight: 600; color: #4C77BC; line-height: 20px;}
.account-open.mailjoin-after{max-width: 430px;}
.account-open.mailjoin-after h1{font-size: 26px; font-weight: 500; line-height: 34px;}
.account-open.mailjoin-after h1.email{font-size:20px !important; margin-bottom: 0 !important;  overflow-wrap: break-word;line-height: inherit;}
.account-open.mailjoin-after h1.email strong{font-weight: 600 !important;;}
.account-open.mailjoin-after h1 strong{font-weight: 800;}
.account-open.mailjoin-after p{padding: 20px 0; line-height: 24px; color: #868e96; font-size: 16px;}
.account-open.mailjoin-after p span{font-weight: 600;}
.account-open.account-open-finish{padding: 0 !important; border-radius: 10px !important; overflow: hidden;}
.account-open.account-open-finish .forms{background: #F7F9FD; padding: 30px;}
.account-open.account-open-finish .forms .joinEmail-in{  width: 85%;margin: 30px auto 0;  padding: 0 !important;background: none !important;box-shadow: none !important;}
.account-open.account-open-finish .forms .joinEmail-in .title{   font-size: 14px;font-weight: 500; width: 100%; text-align: left;display: inline-block;margin-bottom: 10px;}
.account-open.account-open-finish .forms .joinEmail-in p.id-card-plus span.id-card i{cursor: pointer; position: absolute; right: 80px; height: 50px; line-height: 50px; padding-top: 0 !important;}
.account-open.account-open-finish .forms .essential .contents:first-child{margin-bottom: 20px !important;;}
.account-open.account-open-finish .forms .joinEmail-in .id-card{  display: flex; justify-content: space-between; align-items: center;}
.account-open.account-open-finish .in{padding: 40px 30px 0 30px;}
.account-open.account-open-finish .bottom{background: #E1ECFF; padding: 30px;}
.account-open.account-open-finish .wallet-in h3{color: #4C77BC;     font-size: 16px;}
.account-open.account-open-finish .wallet-in p{font-size: 14px; margin: 8px 0;}
.account-open.account-open-finish .step{background: none;;padding: 0 0 40px 0; margin: 0 auto;}
.account-open.account-open-finish .step p{ color: #212529 !important; font-size: 16px !important; line-height: 22px !important;}
.account-open.account-open-finish .step p.sub-text{font-weight: 300; margin-top: 10px; font-size: 14px !important;}
.account-open.account-open-finish .step div span{ box-shadow: 0 0 6px rgba(0,0,0,0.1);}
.account-open.account-open-finish .button-box-go{display: flex;    justify-content: space-between;}
.account-open.account-open-finish .button-box-go button{max-width: 190px;}
.account-open.account-open-finish .button-box-go button.invest{background: #fff !important; border: 2px solid #5b71de !important;;}
.account-open.account-open-finish .button-box-go button.invest i.fa-solid{color: #5B71DE !important;;}
.account-open.account-open-finish .button-box-go button.invest a{color: #5B71DE !important;;}
.account-open.account-open-finish .button-box-go button.back{background: #fff !important;}
.account-open.account-open-finish .button-box-go button.finish-go a{line-height: 20px; padding-top: 10px;}
.account-open.account-open-finish .button-box-go button a{font-size: 14px;}
.account-open .account-button.finish{background: #b7c0c7 !important;}
.wallet-modal-qr .open-in span.icon{height: 100% !important;}
.wallet-modal-qr h1{line-height: 32px;}
.wallet-modal-qr .wallet-qr{border-radius: 10px;box-shadow: 0 0 6px rgba(0,0,0,0.1);  padding: 30px;max-width: 220px;margin: 30px auto 20px;}
.wallet-modal-qr .wallet-qr img{width: 100%;}
.wallet-modal-qr p.time{ font-size: 16px; color:#212529; font-weight: 500;}
.wallet-modal-qr p.time button{ border-radius: 5px; border: none; margin-left: 2px; padding: 2px 5px; background:#548DFC;    width: 100%; max-width: 40px;}
.wallet-modal-qr p.time button a{color: #fff;}
.account-open-wallet .open-in .step{margin: 5px auto !important;}
.account-open-wallet .open-in .step-wallet-title{font-size:17px; color:#4C77BC; text-align:center; margin-top:20px;}
.account-open-wallet .open-in .step ul.wallet-step-notice{text-align:left;}
.account-open-wallet .open-in .step ul.wallet-step-notice li{margin-bottom:4px; text-indent: -8px; padding-left: 8px; line-height: 22px;}
.account-open-wallet .open-in .step ul.wallet-step-notice li span{color:#868E96; font-size:14px; line-height: 21px; display: block;  text-indent: 0;}
.account-open-wallet .open-in .step .step-icon{display: flex;}

/*사업자 회원가입*/
.corporation-modal .open-in h1{ font-size: 22px; font-weight: 700; }
.corporation-modal .open-in h1.crpt-name{font-weight: 400; line-height: 30px;}
.corporation-modal .open-in h1 strong{font-weight: 800;;}
.corporation-modal .open-in .sign{margin: 30px auto 0; border: 1px solid #e9ecef; padding: 30px 40px;}
.corporation-modal .open-in .sign h2{color: #38C1CE; font-size: 18px; margin-bottom: 20px; font-weight: 600; text-align: left;}
.corporation-modal .open-in ul.ul-invest-common{margin-bottom: 10px;}
.corporation-modal .open-in ul.ul-invest-common li{text-align: left; padding: 4px 0; font-size: 16px; font-weight: 400;}
.corporation-modal .open-in ul.ul-invest-common li > ul li{    text-indent: 16px;font-size: 14px;padding: 0;line-height: 24px;color: #868e96;}
.corporation-modal .open-in ul.ul-invest-common .document_modal_button{
    height: 50px;
    margin: 10px auto;
    max-width: 400px;
    text-align: center;
    padding: 0 45px;
    margin-left: 15px;
    border: 1px solid #001619;;
    background: #E0E8F9;
    border-radius: 5px;
}
.corporation-modal .open-in ul.ul-invest-common .document_modal_button a{line-height: 50px; width:100%; height:50px;  display:inline-block;    color: #001619;font-size: 14px; font-weight:500;}

.corporation-modal .invest-notice,
.corporation-modal .button-box{width: 100% !important;}
.corporation-modal .filebox{display: flex; justify-content: space-evenly;}
.corporation-modal .filebox .upload-name {display: inline-block; height: 50px; padding: 0 10px; border: 1px solid #e9ecef; border-radius: 5px; width: 67.6%;  color: #868e96;  background: #f2f6ff;}
.corporation-modal .filebox label { display: inline-block; width: 30%; line-height: 50px; color: #fff; background-color: #868E96;border-radius: 5px;cursor: pointer; font-size: 14px; font-weight: 600; height: 50px;margin-left: 6px;}
.corporation-modal .filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0;overflow: hidden;border: 0;}
.corporation-modal .filebox input.file-name{ width: 100%; height: 28px; font-size: 12px; margin-top: 10px;}
.corporation-modal .method-step{margin: 30px 0 40px 0; border-bottom: 2px solid #e9ecef;}
.corporation-modal .method-step .top{display: flex;}
.corporation-modal .method-step .top div{font-size: 14px; font-weight: 600; border-bottom: 2px solid #6A96F0; color: #6A96F0; width: 50%; display: inline-block; border-radius: 5px 5px 0 0; line-height: 40px; height: 40px; background: #F3F7FF;}
.corporation-modal .method-step .top div:nth-child(1){color: #38C1CE; border-bottom: 2px solid #38C1CE; background: #F2FEFF;}
.corporation-modal .method{margin: 25px 0; display: flex ; justify-content: space-around;}
.corporation-modal .method div{ line-height: normal; font-size:14px; font-weight: 600; display: grid; align-content: center; border-radius: 50%; max-width: 100px; width:100%;  height: 100px; background: #FAFCFD;;}
.corporation-modal .method div:nth-child(1){background-color: #F5FDFC;}
.corporation-modal .method div:nth-child(3){border: none; background: #38C1CE; color: #fff;}
.corporation-modal .method div:nth-child(7){background: #F4FAFF;; color: #5B71DE;}
.corporation-modal.corporation-modal-wallet{padding: 0 !important;;}
.corporation-modal.corporation-modal-wallet .open-in .top-in{padding: 40px 30px 0;}
.corporation-modal.corporation-modal-wallet .method div:nth-child(3){background-color: #F5FDFC; color: #212529;}
.corporation-modal.corporation-modal-wallet .method div:nth-child(5){background-color: #5B71DE; color: #fff; padding: 5px; }
.corporation-modal.corporation-modal-wallet .method div:nth-child(5) span{font-size: 11px;}
.corporation-modal .method i{color: #868e96; display: flex;align-items: center;}
.corporation-modal .method div span{display: block; font-size: 12px; font-weight: 300; margin-top: 5px;}
.corporation-modal .document-file{margin: 10px 0 30px 0; display: inline-flex; border: 1.5px solid #5B71DE; background: #F8F8F8; border-radius: 5px;}
.corporation-modal .document-file a{font-size: 14px; font-weight: 600; color: #5B71DE;    padding: 10px 20px;}
.corporation-modal p.corporation-top-text{margin-top: 40px; font-size: 16px; color: #868e96;font-weight: 400;}
.certification-ci-not p.corporation-top-invest-text{margin-top: 0 !important;}
.certification-ci-not h1.crpt-name{line-height:  !important;   margin: 15px 0 !important;}
.corporation-modal p.corporation-top-text span{color: #212529; font-weight: 500;}
.corporation-modal p.corporation-top-text i{font-size: 14px;}
.corporation-modal .button-arrow{display: flex !important;; margin: 20px auto 0; max-width: 360px;}
.corporation-modal .button-arrow .phone-button{width: -webkit-fill-available; margin-right: 10px;  font-weight: 700; border-radius: 10px;border: 1px solid #001639;background: #F2F6FF; font-size: 16px;}
.corporation-modal .button-arrow .phone-button a{color:#001639;;}
.corporation-modal .corporation-button-box{width: 70% !important; margin: 0 auto;}
.corporation-modal .corporation-button-box2{width: 100% !important; background: #f4f5f7;border-radius: 0 0 10px 10px;padding: 50px;}
.corporation-modal .corporation-button-box .invest{background: #5B71DE !important;}
.corporation-modal .corporation-button-box .back{background: #212529;}
.corporation-modal .notice{    margin-bottom: 30px; display: flex;  text-align: left; flex-wrap: wrap;justify-content: center;}
.corporation-modal .notice h4{color: #5B71DE; margin-bottom: 15px; font-size: 18px;}
.corporation-modal .notice ul.ul-invest-common li{color: #f75467; font-size: 14px; line-height: initial;}
.corporation-modal .number-file-box{text-align: left;}
.corporation-modal .number-file-box .input-box{margin-bottom: 15px;}
.corporation-modal .number-file-box .input-box input{display: inline-block; height: 50px; padding: 0 10px; border: 1px solid #e9ecef;border-radius: 5px; width:80%; color: #868e96;}
.corporation-modal .number-file-box .input-box input::placeholder{color: #868e96; font-size: 14px; letter-spacing: -1.6px;}
.corporation-modal .number-file-box .input-box button{background: #212529;; height: 50px; color: #fff; width: 18%; border: none; font-weight: 600;border-radius: 5px;}
.corporation-modal .number-file-box p{color: #212529; font-weight: 500; margin-bottom: 8px;}
.corporation-modal .number-file-box .filebox{display: block;}
.corporation-modal .number-file-box .filebox label{margin: 0; text-align: center; width: 100%;}
.corporation-modal .number-file-box .bottom-box{margin-bottom: 30px;}
.corporation-modal .number-file-box .bottom-box>div{display: inline-block; width: 48%;}
/*기존법인 대상 모달*/
.corporation-invest .open-in span.icon{height: auto !important;}
.corporation-invest .open-in span.icon img{width: auto !important;}
.corporation-invest .corporation-top-invest-text,
.corporation-invest .corporation-top-invest-text span{color: #38C1CE !important;}
.corporation-invest .corporation-top-invest-text span{text-decoration: underline; font-weight: 900;}
.corporation-invest .wallet-step{margin-top: 40px;}
.corporation-invest .wallet-step-in{display: flex;  align-items: center; margin-top: 15px;justify-content: space-around;}
.corporation-invest .wallet-step-in .step-round{font-size: 14px; color: #868e96;  }
.corporation-invest .wallet-step-in .step-round span{font-size: 16px; color: #fff; font-weight: 600; border-radius: 50%; width: 35px; height: 35px; margin-bottom: 5px; line-height: 35px; display: block; background: #38C1CE;}
.corporation-invest .wallet-step-in .step-text{background: #F2F4F7; padding: 20px; text-align: left; border-radius: 10px; max-width: 400px; width: 100%;}
.corporation-invest .wallet-step-in .step-text h1{ font-size: 17px; margin-bottom: 8px;}
.corporation-invest .wallet-step-in .step-text p{font-size: 14px; color: #868e96; line-height: 20px;}
.corporation-invest .arrow{margin-top: 15px;}
.corporation-invest .arrow i{margin-bottom: 5px; transform: rotate( 90deg );}
.corporation-invest .arrow h1{font-size: 16px !important; line-height: 16px;}
.corporation-invest .arrow h1 p{font-size: 12px; color: #868e96; font-weight: 400;}

/*투작계약서 날인본 제출*/
.insert .file-list { display: inline-block; height: 100px; width: 80%; padding: 10px 20px; border: 1px solid #e9ecef; border-radius: 5px; color: #868e96; background: #f2f6ff;}
.insert form{display: flex;     justify-content: space-between;}
.insert input{ display: none;}
.insert label.all-file{display: inline-block; width: 30%; line-height: 100px; color: #fff; background-color: #868E96; border-radius: 5px; cursor: pointer;font-size: 14px; font-weight: 600; margin-left: 5px;}
.insert .file-list .filebox p {font-size: 14px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.insert .file-list .filebox .delete i{ color: #ff5353; margin-left: 5px;}
.insert .file-list .filebox{display: flex; justify-content: space-between;align-items: flex-start; height: 25px;}


@media screen and (min-width:762px) and (max-width:1200px){
    .tablet_dis_block{ display:block !important;}
    #memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .profits .content .label {width:40%; }
    #memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .profits .content .text-right { display: inline-block;width: 40%;margin-bottom: 10px;text-align: left; }
    #memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .text-info {  width: 100%; }

    #memberContent .memberContent-in .my-history .tab-body .body .cont .col.left { float: none; margin: 20px 0; width: 100%; height: auto; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col.text-right { float: none; width: 100%; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col.text-right .info-list { padding-left: 0; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .info-list li { margin-bottom: 8px; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve { border-top: none; margin-top: 10px; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .thead { display: none; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .tr { margin-bottom: 10px; padding: 4px 10px; height: auto; border: 1px solid #E9ECEF; border-left: 2px solid #ddd; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td { padding: 8px 4px; width: 50%; text-align: left; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td:first-child { width: 100%; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td .label { display: block; margin-bottom: 2px; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .thead .th { display: none; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td { width: 50%; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td:first-child { width: 100%; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td:last-child { width: 50%; }

    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine { border-top: none; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .thead { display: none; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .tbody .tr { margin-bottom: 10px; padding: 4px 10px; height: auto; border: 1px solid #E9ECEF; border-left: 2px solid #ddd; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .tbody .td { padding: 8px 4px; width: 50%; text-align: left; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .tbody .td:first-child { width: 100%; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .tbody .td .label { display: block; margin-bottom: 2px; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .thead .th { display: none; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .tbody .td { width: 50%; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .tbody .td:first-child { width: 100%; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .tbody .td:last-child { width: 50%; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td:last-child p.rentarIng-box{padding: 2px 5px;}

    article.rentalYieldModal .body .rentalDetail-middle{width:100%; height: auto; }
    article.rentalYieldModal .body .rentalDetail-middle-in .card{height:160px; padding: 15px;}
    article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail02{width:38%; height:auto;}
    article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail03{width:32%;     height: auto;}
    article.rentalYieldModal .body .rentalDetail-middle-in .card .text-list{font-size:13px; letter-spacing: -0.62px;}
    article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail02 .text-list li{margin-bottom: 10px;height: 30px;}
    article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail03 .text-list li{margin-bottom: 10px; height: 25px;}
    article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail02 .text-list li p.label{height:20px;}
    article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail02 .text-list li p.text-right{text-align: left; width: 100%; font-size:12px; }

    article.rentalManagementModal .body .rentalDetail-middle-in .rentalDetail02{width:33% !important;}
    article.rentalManagementModal .body .rentalDetail-middle-in .rentalDetail03{width:35% !important;}
    article.rentalManagementModal .body .rentalDetail-middle-in .card .text-list li p.label{width:100% !important; height: 20px !important;}
    article.rentalManagementModal .body .rentalDetail-middle-in .card .text-list li p.text-right{width:100% !important; text-align: left !important;}

    #auctionHistoryDetail article.table.eleven{border-top:none !important;}
    #auctionHistoryDetail article.table.eleven .thead{display:none;}
    #auctionHistoryDetail article.table.eleven .tbody .tr{ margin-right: 2%; width:48.8%; vertical-align: top; display: inline-block; height: auto; border: 1px solid #e9ecef; border-left: 2px solid #ddd; margin-bottom: 2%; padding: 5px 10px; }
    #auctionHistoryDetail article.table.eleven .tbody .tr:nth-child(even){margin-right:0px;}
    #auctionHistoryDetail article.table.eleven .tbody .td{width:100% !important; padding-bottom:3px;  }
    #auctionHistoryDetail article.table.eleven .tbody .td span.label{display:block; width:30%; text-align:left; float: left;}
    #auctionHistoryDetail article.table.eleven .tbody .td span.right{width:70%; text-align:left;  display:block;}
    #auctionHistoryDetail article.table.eleven .tbody .td span.right-img{width:50px; height:50px; }
    #auctionHistoryDetail article.table.eleven .tbody .td span.right i.fa-plus{padding-left: 3px; }
    #auctionHistoryDetail article.table.eleven .tbody .td span.right .button.disable{padding:0px;}
    #auctionHistoryDetail article.table.eleven .tbody .td:nth-child(3) span.label{padding-top:17px;}
    #auctionHistoryDetail article.table.eleven .tbody .td:last-child{height:44px;}
    #auctionHistoryDetail article.table.eleven .tbody .td:last-child span.label{padding-top:1px;}
    #auctionHistoryDetail article.table{margin-top:0; }

    #memberContent .memberContent-in .table.eleven{border-top:none;}
    #memberContent .memberContent-in .table.eleven .thead{display:none;}
    #memberContent .memberContent-in .table.eleven .tbody{ width: 100%; background: #fff;font-size: 14px;}
    #memberContent .memberContent-in .table.eleven .tbody .tr{    width: 100%; max-width:500px; margin: 0 auto 10px; padding: 4px 10px; height: auto; border: 1px solid #E9ECEF; border-left: 2px solid #ddd;}
    #memberContent .memberContent-in .my-history .tab-body .body .table.eleven .tbody .td{padding: 5px 0; width: 100%;  display: flex;justify-content: space-between;}
    #memberContent .memberContent-in .my-history .tab-body .body .table.eleven .tbody .td .label{float: left; width: 25%; display: block; text-align: left;}
    #memberContent .memberContent-in .my-history .tab-body .body .table.eleven .tbody .td .text-right{    float: right !important; text-align: right; margin-bottom: 0px; font-weight: 300;}
    #memberContent .memberContent-in .my-history .tab-body .body .table.eleven .tbody .td:nth-child(2){width:100%;}
    #memberContent .memberContent-in .my-history .tab-body .body .table.eleven .thead .th:nth-child(1),
    #memberContent .memberContent-in .my-history .tab-body .body .table.eleven .tbody .td:nth-child(1){width: 100%;}

    section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Img{height: 50%;}
    section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.product-about{margin-bottom:25px;}
    section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.rental-money span{font-size:12px; display: block; float:none; width:100%; padding-top:2px; text-align:left;}
    section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.rental-money span.question-mark {display: inline-block; width: auto;}

    section.Page3 .Featbox{padding:0 4%;}
    section.Page3 .Featbox-padding{padding-bottom:50px;}
    section.Page3 .Featbox a{height:auto;}

    /*삼성c-lab 랜딩페이지 회원가입이벤트 배너추가*/
    #eventjoin .in{max-width: 550px;}
    #eventjoin .in h1{font-size:30px;}
    #eventjoin .in div.coupon img{padding:12% 0;}

    /*내지갑[입출금]*/
    #memberMoney .Moneybox2_3all{display: -webkit-box;}
    #memberMoney .Moneybox2.Moneybox2-mo{ margin: 0 0 30px; display: block;width: 100%;border-radius: 10px 10px 0 0;}
    #memberMoney .Moneybox2.Moneybox2-pc{display: none;}
    .money-dashboard .section-dashboard .search-day,
    .money-dashboard .section-dashboard .Moneybox2-pc{display:  block;}
    .money-dashboard .section-dashboard .search-day.search-sortation{margin-right: 5px;}
    .money-dashboard .section-dashboard p.left{line-height: inherit;  margin-bottom: 5px;   max-width: initial;}
    .money-dashboard .calendar{display: inherit;}
    .money-dashboard .section-dashboard .search-day .list-day{    display: initial;}

}

/* pc 踰꾩쟾留  */
@media(min-width: 761px) {
    #memberContent .memberContent-in .my-history .tab-body .body .table.three .thead .th,
    #memberContent .memberContent-in .my-history .tab-body .body .table.three .tbody .td { width: 33.3% !important; }

    #memberContent .memberContent-in .my-history .tab-body .body .table.five .thead .th,
    #memberContent .memberContent-in .my-history .tab-body .body .table.five .tbody .td { width: 20% !important; display: grid; justify-content: center;}

    #memberContent .memberContent-in .my-history .tab-body .body .table.six .thead .th,
    #memberContent .memberContent-in .my-history .tab-body .body .table.six .tbody .td { width: 16.66% !important;      display: grid;}

    #memberContent.subscription-history .memberContent-in .my-history .tab-body .body .table.seven .thead .th,
    #memberContent.subscription-history .memberContent-in .my-history .tab-body .body .table.seven .tbody .td {
        width: 14.28% !important;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    #memberContent.subscription-history .memberContent-in .my-history .tab-body .body .table.eight .thead .th,
    #memberContent.subscription-history .memberContent-in .my-history .tab-body .body .table.eight .tbody .td {
        width: 12.5% !important;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    #memberContent .memberContent-in .my-history .tab-body .body .table.seven .thead .th,
    #memberContent .memberContent-in .my-history .tab-body .body .table.seven .tbody .td { width: 14.28% !important; display: grid; justify-content: center;}

    #memberContent .memberContent-in .my-history .tab-body .body .table.eight .thead .th,
    #memberContent .memberContent-in .my-history .tab-body .body .table.eight .tbody .td { width: 12.5% !important; display: flex; align-items: center; justify-content: center;}

    #memberContent .memberContent-in .my-history .tab-body .body .table.ten .thead .th,
    #memberContent .memberContent-in .my-history .tab-body .body .table.ten .tbody .td {
        width: 10%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #memberContent .memberContent-in .my-history .tab-body .body .table.ten-eight .thead .th,
    #memberContent .memberContent-in .my-history .tab-body .body .table.ten-eight .tbody .td {width: 8.7%;}
    #memberContent .memberContent-in .my-history .tab-body .body .table.ten-eight .thead .th.th-width,
    #memberContent .memberContent-in .my-history .tab-body .body .table.ten-eight .tbody .td.td-width {width: 15.2% !important;}


    #memberContent .memberContent-in .my-history .tab-body .body .table.ten .tbody .td:first-child {padding:5px; text-align: center;}

    #marketMenuTabContents .tab-contents .tab-body .table .text-right { float: none; }

    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve { margin-top: 10px; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .thead .th,
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td{ width:8.5% !important; }

    #memberContent .memberContent-in .my-history .tab-body .body .table.goods-sale-list.eleven .thead .th.th-sell,
    #memberContent .memberContent-in .my-history .tab-body .body .table.goods-sale-list.eleven .tbody .td.td-sell{width: 9.09% !important;;}

    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .thead .th{letter-spacing:-1.5px;}

    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .thead .th:nth-child(2),
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td:nth-child(2){ width:5% !important; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .thead .th:nth-child(3),
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td:nth-child(3){ width:11% !important; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .thead .th:nth-child(4),
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td:nth-child(4){ width:11% !important; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .thead .th:nth-child(9),
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td:nth-child(9){ width:8% !important; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .thead .th:nth-child(10),
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td:nth-child(10){ width:8% !important; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .thead .th:nth-child(12),
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.twelve .tbody .td:nth-child(12){ width:5% !important; }

    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .thead .th,
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .tbody .td{ width:11% !important;}

    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .thead .th:nth-child(1),
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .tbody .td:nth-child(1){ width:9% !important; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .thead .th:nth-child(3),
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .tbody .td:nth-child(3),
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .thead .th:nth-child(4),
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .tbody .td:nth-child(4){ width:14%; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .thead .th:nth-child(7),
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .tbody .td:nth-child(7){ width:17% !important; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .thead .th:nth-child(8),
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.nine .tbody .td:nth-child(8){ width:10% !important; }

    #memberContent .memberContent-in .my-history .tab-body .body .tab02 .col .table .thead .th:nth-child(3),
    #memberContent .memberContent-in .my-history .tab-body .body .tab02 .col .table .tbody .td:nth-child(3){width:20% !important;}
    #memberContent .memberContent-in .my-history .tab-body .body .tab02 .col .table .thead .th:nth-child(9),
    #memberContent .memberContent-in .my-history .tab-body .body .tab02 .col .table .tbody .td:nth-child(9){width:8% !important;}

    #memberContent .memberContent-in .my-history .tab-body .body .table.goods-sale-list .thead .th.th-sell,
    #memberContent .memberContent-in .my-history .tab-body .body .table.goods-sale-list .tbody .td.td-sell {width: 8.3% !important;}
    #memberContent.subscription-history .memberContent-in .my-history .tab-body .body .table.goods-sale-list .thead .th.th-sell,
    #memberContent.subscription-history .memberContent-in .my-history .tab-body .body .table.goods-sale-list .tbody .td.td-sell{width: 9.09% !important;align-content: space-around;}

    #memberContent .memberContent-in .my-history .tab-body .body .table.goods-sale-list .thead .th.th-sell:nth-child(7),
    #memberContent .memberContent-in .my-history .tab-body .body .table.goods-sale-list .thead .th.th-sell:nth-child(8),
    #memberContent .memberContent-in .my-history .tab-body .body .table.goods-sale-list .thead .th.th-sell:nth-child(10) { padding: 4px 12px 4px 12px; align-items: center;}

    #memberContent .memberContent-in .my-history .tab-body .body .table.goods-sale-list .tbody dd.td-sell:first-child{padding: 5px; text-align: center;     display: inherit;}

    #memberContent .memberContent-in .my-history .tab-body .body .table.jnl-goods-sale-list .thead .th.th-sell,
    #memberContent .memberContent-in .my-history .tab-body .body .table.jnl-goods-sale-list .tbody .td.td-sell {width: 9% !important;     display: grid;}
    #memberContent .memberContent-in .my-history .tab-body .body .table.jnl-goods-sale-list .thead .th.th-sell:nth-child(7),
    #memberContent .memberContent-in .my-history .tab-body .body .table.jnl-goods-sale-list .thead .th.th-sell:nth-child(9) { padding: 4px 12px 4px 12px;}

    #memberContent .memberContent-in .my-history .tab-body .body .table.jnl-goods-sale-list .tbody dd.td-sell:first-child{padding: 5px; display: inherit; text-align: center;}
}

@media(max-width:960px) {
    #memberContent .memberContent-in .vr-banner { position: relative; margin-bottom: 20px; height: 110px; background-size: 50%; background-position: -10% center; }
    #memberContent .memberContent-in .vr-banner .right { top: 0; right: 0; width: 100%; height: 100%; text-align: right; }
    #memberContent .memberContent-in .vr-banner .right .text { margin-top: 15px; width: 130px; font-size: 13px; text-align: right; }
    #memberContent .memberContent-in .vr-banner .right .button { position: absolute; bottom: 15px; right: 20px; padding: 8px 20px; font-size: 14px; }

    #memberContent .memberContent-in .my-gallary .tab-head { margin-bottom: 20px; }
    #memberContent .memberContent-in .my-gallary .tab-head .menu-tab-list li  { width: 50%; height: 50px; background: #fff; border-right: 1px solid #E9ECEF; border-bottom: 1px solid #E9ECEF; line-height: 50px; }
    #memberContent .memberContent-in .my-gallary .tab-head .menu-tab-list li.active { background: #212529; color: #fff; }

    #memberContent .memberContent-in .my-gallary .tab-body { padding: 10px; }
    #memberContent .memberContent-in .my-gallary .tab-body .cont-tab-head { padding: 10px 10px 20px; }
    #memberContent .memberContent-in .my-gallary .tab-body .cont-tab-head .tab-list { float: none; width: 100%; text-align: center; }
    #memberContent .memberContent-in .my-gallary .tab-body .cont-tab-head .tab-list li { margin-right: 0; width: 49%; height: 40px; background: #E9ECEF; border: 1px solid #E9ECEF; font-size: 13px; text-align: center; line-height: 40px; }
    #memberContent .memberContent-in .my-gallary .tab-body .cont-tab-head .tab-list li.active { background: #001639; color: #fff; }

    #memberContent .memberContent-in .my-gallary .tab-body .info-box { margin:10px 0; font-size: 14px; }
    #memberContent .memberContent-in .my-gallary .tab-body .info-box .col { display: block;}
    #memberContent .memberContent-in .my-gallary .tab-body .info-box p.notice{margin-bottom:20px; font-size:12px;}
    #memberContent .memberContent-in .my-gallary .tab-body .my-list-box { margin: 20px 0; }
    #memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li { display: block; margin: 0 auto 20px; width: 100%; }
    #memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .left { float: none; }
    #memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .img { padding: 2% 0; width: 100%; height: 100px; text-align: center; }
    #memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .img  img { display: inline-block; height: 100%; }
    #memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .text-box { float: none;    padding: 20px 0 0 0; width: 100%; }
    #memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .text-box .title { font-size: 14px; }
    #memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .text-box .name { font-size: 12px; line-height: normal; }
    #memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .text-box .text { margin-top: 10px; width: 100%; font-size: 13px; }
    #memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .ic-view { top: 14px; right: 14px; }
    #memberContent .memberContent-in .my-gallary .tab-body .my-list-box .list li .button.certificate {  display: block; width: auto;  font-size: 12px; }


}

@media(max-width:760px) {
    /*플로팅 배너*/
    .floating-banner{width: 100px; height: 100px; right: 45px; bottom: 35px;}
    .floating-banner .floating-close{width: 22px; height: 22px; right: -20px;}
    .floating-banner .floating-close i{font-size: 11px;}

    div.c01-new div.card-title .tab{padding: 2px 8px;}
    .mall-detail-infor .mall-info-product img{max-width: 100% !important;}
    /* main */
    #eventBannerSlider { overflow: hidden; min-height: 100px; height: auto; background: #E9ECEF; }
    #eventBannerSlider li { overflow: hidden; width: 790px; min-height: 100px; height: auto; }
    #eventBannerSlider li a { display: block; width: 100%; height: 100%; }
    #eventBannerSlider li a img { width: 100%; }

    #commonContent { padding-bottom: 0; }
    #commonContent .commonContent-in .contents > .body { padding: 0; }
    #commonContent .commonContent-in .contents > .body .content.scroll { overflow: initial; height: auto; }
    #commonContent .commonContent-in .contents > .body .content.border { border: none; }

    #commonContent .commonContent-in .contents > .body .history{    background: #f5f8fa; text-align: center;}
    #commonContent .commonContent-in .contents > .body .history select{background: #fff; }

    #memberContent { padding-bottom: 40px; }
    #memberContent .member-head { height: 100px; }
    #memberContent .member-head .title { font-size: 24px; }
    .member-head .title span.title-sub{padding-bottom: 25px;}

    #memberContent .card { padding: 20px; }
    #memberContent .memberContent-in .contents.before-deposit{display: block;}
    #memberContent .memberContent-in .contents.before-deposit .left,
    #memberContent .memberContent-in .contents.before-deposit .right{width: 100%; padding: 0;}
    #memberContent .memberContent-in .contents.before-deposit .left{border-right: none; padding-bottom: 30px;}
    #memberContent .memberContent-in .contents.before-deposit .left .before-deposit-tab{height: auto; line-height: auto;}
    #memberContent .memberContent-in .contents.before-deposit p.title{font-size: 14px;}
    #memberContent .memberContent-in .contents.before-deposit .left p.deposit-num{font-size: 14px;}
    #memberContent .memberContent-in .contents.before-deposit .left p.deposit-num span{font-size: 16px;}
    #memberContent .memberContent-in .contents.before-deposit .right .form-in select,
    #memberContent .memberContent-in .contents.before-deposit .right .form-in button.true-btn{max-width: 75px !important; font-size: 13px;}
    #memberContent .memberContent-in .contents.before-deposit .right p.information i{display: block; margin-bottom: 5px;}
    #memberContent .memberContent-in .contents.before-deposit .right p.information{font-size: 13px;}
    #memberContent .memberContent-in .contents.before-deposit .right p.information br{display: block;}
    #memberContent .memberContent-in .contents.before-deposit .right .tooltip-box .tooltip-text{    width: -webkit-fill-available;top: inherit;}

    #memberContent .memberContent-in { max-width: 600px; }
    #memberContent .memberContent-in .contents .label { font-size: 12px; }
    div.c01-new .user-info .text-list .label{width:30% !important;}
    div.c01-new .user-info .text-list .text-right{width:70% !important;}
    #memberContent .memberContent-in .contents .nominator .text-right{width:40% !important;}

    #memberContent .memberContent-in .table { border-top: none; }
    #memberContent .memberContent-in .table .thead { display: none; }
    #memberContent .memberContent-in .table .tbody .tr {width: 100%; display: inline-block;  margin-bottom: 10px; padding: 4px 10px; height: auto; border: 1px solid #E9ECEF; border-left: 2px solid #ddd; }
    #memberContent .memberContent-in .table .tbody .td { padding: 8px 4px; width: 50%; text-align: left; }
    #memberContent .memberContent-in .table .tbody .td:first-child { width: 100%; }
    #memberContent .memberContent-in .table .tbody .td .label { display: block; margin-bottom: 2px; }

    #memberContent .memberContent-in .contents .user-info { float: none; margin-bottom: 20px; padding-bottom: 40px; width: 100% !important;  height: 340px !important; }
    #memberContent .memberContent-in .contents .user-info .nhis-account ul li{display: grid; padding-top:8px;}
    #memberContent .memberContent-in .contents .user-info .user .title { font-size: 14px; }
    #memberContent .memberContent-in .contents .user-info .user .sub-title { font-size: 12px; }

    #memberContent .memberContent-in .contents .user-deposit .num { font-size: 20px; }

    #memberContent .memberContent-in .contents .virtual-account-number {padding: 8px 20px; height: fit-content; }
    .my-invest button.gobtn{float: right;}
    #memberContent .memberContent-in .contents .virtual-account-number .main-layout{display: block;}
    #memberContent .memberContent-in .contents .virtual-account-number .main-layout ul{width: 100%; padding: 0 !important;}
    #memberContent .memberContent-in .contents .virtual-account-number .main-layout ul.text-list{ border-right: none;}
    #memberContent .memberContent-in .contents .virtual-account-number .main-layout ul p.title{font-size: 12px; line-height: normal;padding: 0;}
    #memberContent .memberContent-in .contents .virtual-account-number .main-layout ul .my-invest-box{margin-top: 10px;}
    #memberContent .memberContent-in .contents .user-deposit .deposit-button{  padding: 2px 8px;font-size: 12px;margin-left: 2px;}

    #memberContent .memberContent-in .contents.c03{height: auto !important;}

    #memberContent .memberContent-in .contents .user-cont { float: none; margin-bottom: 20px; margin-left: 0 !important; width: 100% !important; height: 180px; }
    #memberContent .memberContent-in .contents .user-cont.point { height: 130px; }
    #memberContent .memberContent-in .contents .user-cont .text-list li .link { font-size: 13px; }
    #memberContent .memberContent-in .contents .user-cont .text-list li .num { font-size: 14px; }
    #memberContent .memberContent-in .contents .user-cont > .link { bottom: 20px; right: 20px; font-size: 13px;  }

    #memberContent .memberContent-in .contents .page-link-list { margin-bottom: 20px; height: 120px; background: #f9fafc; }
    #memberContent .memberContent-in .contents .page-link-list .button { width: 25%; height: 60px; font-size: 12px; border-left:0; border-right: 1px solid #E9ECEF; border-bottom: 1px solid #E9ECEF; }
    #memberContent .memberContent-in .contents.c02{display: block;}

    #memberContent .memberContent-in .contents .head { padding: 0; }
    #memberContent .memberContent-in .contents .user-rate-info .head { border-bottom: none; }
    #memberContent .memberContent-in .contents .user-rate-info .head .tab-list { width: 100%; }
    #memberContent .memberContent-in .contents .user-rate-info .head .tab-list li { margin-right: 0; padding: 13px 0; width: 50%; height: 44px; background: #E9ECEF; color: #ADB5BD; font-size: 14px; text-align: center; }
    #memberContent .memberContent-in .contents .user-rate-info .head .tab-list li.active { background: #fff; }
    #memberContent .memberContent-in .contents .user-rate-info .head .text-right { display: none; }

    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col.left { float: none; margin: 20px 0 0; width: 100%; height: auto;  }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col.text-right { float: none; width: 100%; }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col.text-right .info-list { padding-left: 0; }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .info-list li { margin-bottom: 8px; }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .info-list li .col { font-size: 12px; }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .info-list li .num { font-size: 14px; }

    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table { border-top: none; }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .thead { display: none; }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .tr { margin-bottom: 10px; padding: 4px 10px; height: auto; border: 1px solid #E9ECEF; border-left: 2px solid #ddd; }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td { padding: 8px 4px; width: 50%; text-align: left; }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td:first-child { width: 100%; }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td .label { display: block; margin-bottom: 2px; }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td:last-child .label{}

    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.six .thead .th { display: none; }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.six .thead .th:nth-clild(3){display:block;}
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.six .tbody .td { width: 50%; }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.six .tbody .td:first-child { width: 50%; display: inline-block;  }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.six .tbody .td:last-child { width: 50%; }

    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.five .tbody .td { width: 50%;}
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.five .tbody .td:first-child { width: 100%;}

    .tbody .td .mypageRental-img{width:40px; float:left; height: 40px;}
    .hoVerimg{display:none !important;}
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .tbody .td:first-child{ width: 10% !important; padding:5px !important; }
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .tbody .td:nth-child(1){  width: 100% !important;}
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .tbody .td{  width: 50% !important; height:100%;}
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td:nth-child(2){width: 50% !important;}
    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table.three .tbody .td:nth-child(2){width: 50% !important;}

    #memberContent .memberContent-in .contents .user-rate-info .body .cont .col .table .tbody .td:last-child{width: 50%;}

    #myApplicationModal .contents {padding: 30px 10px;}
    #myApplicationModal {  width: 100%; }
    #myApplicationModal .contents .head { margin-bottom: 10px; }
    #myApplicationModal .contents .head .title { padding-top: 10px; font-size: 16px; }
    #myApplicationModal .contents .body .info-head .text { font-size: 12px; }
    #myApplicationModal .contents .body .info-head .dot { padding: 0 3px; font-size: 10px; }
    #myApplicationModal .contents .body .info-body .cont .applicationList li .content { font-size: 12px; }

    /* myHistory */
    #memberContent .memberContent-in .contents .text-right{margin-top: 0;}
    #memberContent .memberContent-in .my-history .tab-body .body .info-box p{text-align: right; width: 100%;}
    #memberContent .memberContent-in .my-history .tab-head { margin-bottom: 20px; height: auto; }
    #memberContent .memberContent-in .my-history .tab-head .menu-tab-list li { width: 50%; height: 50px; background: #fff; border: none; border-bottom: 1px solid #E9ECEF; font-size: 14px; }
    #memberContent .memberContent-in .my-history .tab-head .menu-tab-list li:nth-child(odd) { border-right: 1px solid #E9ECEF; }
    #memberContent .memberContent-in .my-history .tab-head .menu-tab-list li.active { background: #212529; color: #fff; }
    #memberContent .memberContent-in .my-history .tab-head .menu-tab-list li a { padding: 16px; color: #343A40; }
    #memberContent .memberContent-in .my-history .tab-head .menu-tab-list li.active a { color: #fff; }
    #memberContent .memberContent-in .my-history .tab-head .menu-tab-list li a:hover{ background: #fff; }
    #memberContent .memberContent-in .my-history .tab-head .menu-tab-list li.active a:hover {background:#001639;}
    #memberContent .memberContent-in .my-history .tab-head .menu-tab-list li.none {  }

    #memberContent .memberContent-in .my-history .tab-body .card { padding: 0; }
    #memberContent .memberContent-in .my-history .tab-body .head { padding: 20px; }
    #memberContent .memberContent-in .my-history .tab-body .head .transaction-type { display: block; margin-bottom: 10px; margin-right: 0; }
    #memberContent .memberContent-in .my-history .tab-body .head .label { font-size: 13px; }
    #memberContent .memberContent-in .my-history .tab-body .head .select-lists-box { width: 85%; width: calc(100% - 40px); height: 34px; }
    #memberContent .memberContent-in .my-history .tab-body .head .transaction-date { width: 100%; }
    #memberContent .memberContent-in .my-history .tab-body .head .transaction-date .list-day { width: 100%; }
    #memberContent .memberContent-in .my-history .tab-body .head .transaction-date .label { display: block; margin-bottom: 4px; }
    #memberContent .memberContent-in .my-history .tab-body .head .transaction-date .select-lists-box { width: 47%; height: 34px; }
    #memberContent .memberContent-in .my-history .tab-body .head .transaction-date .list-day-okbtn { display: block; margin-top: 20px; margin-left: 0; width: 100%; }
    #memberContent .memberContent-in .my-history .tab-body .head .excel-download-box { display: none; float: none; width: 100%; }
    #memberContent .memberContent-in .my-history .tab-body .head .excel-download-box .button { width: 100%; }
    #memberContent .memberContent-in .my-history .tab-body .head .tab-list { float: none; }
    #memberContent .memberContent-in .my-history .tab-body .head .tab-list li { float: left; margin: 1%; width: 48%; height: 40px; background: #E9ECEF; font-size: 13px; text-align: center; line-height: 40px; }
    #memberContent .memberContent-in .my-history .tab-body .head .tab-list li.active {    background: #548dfc;  color: #fff; }
    #memberContent .memberContent-in .my-history .tab-body .head .krw {display: none; }

    #memberContent .memberContent-in .my-history .tab-body .body { padding: 20px; }
    #memberContent .memberContent-in .my-history .tab-body .body .tbl001 .tbody .td { padding: 5px 0;display: flex;width: 100%;justify-content: space-between;    align-items: flex-start;}
    #memberContent .memberContent-in .my-history .tab-body .body .tbl001 .tbody .td .label { float: left; width: 25%; text-align: left; }
    #memberContent .memberContent-in .my-history .tab-body .body .tbl001 .tbody .td .right { float: right; width: 65%; font-size: 12px; text-align: right; }
    #memberContent .memberContent-in .my-history .tab-body .body .tbl001 .tbody .td .title{text-overflow: unset;overflow: visible;white-space: pre-wrap; text-align:right;}
    #memberContent .memberContent-in .my-history .tab-body .body .tbl001 .tbody .td .num { font-size: 13px; }
    #memberContent .memberContent-in .my-history .tab-body .body .tbl001 .tbody .td .title.day br{display: none;}

    #memberContent .memberContent-in .my-history .tab-body .body .info-box .list li { font-size: 14px; }

    #memberContent .memberContent-in .my-history .tab-body .body .cont .col.left { float: none; margin: 20px 0; width: 100%; height: auto; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col.text-right { float: none; width: 100%; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col.text-right .info-list { padding-left: 0; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .info-list li { margin-bottom: 8px; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .info-list li .col { font-size: 12px; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .info-list li .num { font-size: 12px; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table { border-top: none; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .thead { display: none; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .tr { width: 100%; margin-bottom: 10px; padding: 4px 10px; height: auto; border: 1px solid #E9ECEF; border-left: 2px solid #ddd; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td { padding: 8px 4px; width: 50%; text-align: left; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td:first-child { width: 100%; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td .label { display: block; margin-bottom: 2px; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table .tbody .td:last-child p.rentarIng-box2{margin:0px;}
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.six .thead .th { display: none; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.six .tbody .td { width: 50%; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.six .tbody .td:first-child { width: 100%; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .table.six .tbody .td:last-child { width: 50%; }
    #memberContent .memberContent-in .my-history .tab-body .body .cont .col .info-text { padding-left: 0; padding-bottom: 20px; border-bottom: 1px solid #E9ECEF;  }
    #memberContent .memberContent-in .my-history .tab-body .body button.content-back-button{padding:8px 10px;}

    .my-page .table.goods-market-list .tbody .tr .td { width: 50% !important; }

    .my-page .table.goods-rental-list .tbody .tr .td:first-child { width: 100% !important;}
    .my-page .table.goods-rental-list .tbody .tr .td { width: 50% !important;}

    .my-page .table.goods-sale-list .tbody .tr .td { width: 50% !important; }

    .receiptModal { padding: 20px; }
    .receiptModal .contents .body { padding: 10px; }
    .receiptModal .contents .body .info-head .text { float: none; font-size: 14px; text-align: left; }
    .receiptModal .contents .body .info-head .text-right { float: none; margin-top: 0px; font-size: 12px; text-align: left; line-height: 1.2; }
    .receiptModal .contents .body .info-body .list .label.block { width:100%; text-align: left; }
    .receiptModal .contents .body .info-body .list .text.block { width:100%; text-align: left;  }

    #marketMenuTabContents .tab-contents .tab-head { padding-bottom: 0; height: auto !important; }
    #marketMenuTabContents .tab-contents .tab-head .col { width: 100%; }
    #marketMenuTabContents .tab-contents .tab-head .col .left { float: none; }
    #marketMenuTabContents .tab-contents .tab-head .col .left.w20p,
    #marketMenuTabContents .tab-contents .tab-head .col .left.w80p { width: 100%; }
    #marketMenuTabContents .tab-contents .tab-head .col .title { margin-bottom: 6px; }
    #marketMenuTabContents .tab-contents .tab-head .col .form-box .input { width: 47%; }
    #marketMenuTabContents .tab-contents .tab-head .col .button-box .button { margin: 0.5%; width: 32.3%; border: 1px solid #e9ecef; }

    #marketMenuTabContents .tab-contents .tab-head .list { padding: 0 0 6px; }
    #marketMenuTabContents .tab-contents .tab-head .list .label { font-size: 12px; }
    #marketMenuTabContents .tab-contents .tab-head .list .text { font-size: 12px; }

    #marketMenuTabContents .tab-contents .tab-body .tbl-title { padding-bottom: 24px; }
    #marketMenuTabContents .tab-contents .tab-body .tbl-title .title { font-size: 14px; }
    #marketMenuTabContents .tab-contents .tab-body .tbl-title .tooltip-box { top: 10px; width: 50%; font-size: 12px; text-align: right; }
    #marketMenuTabContents .tab-contents .tab-body .tbl-title .tooltip-box .tooltip .tooltip-text { width: 240px; }
    #marketMenuTabContents .tab-contents .tab-body .tbl-title .tooltip-box .tooltip .tooltip-text strong { display: inline-block; width: 100%; }
    #marketMenuTabContents .tab-contents .tab-body .table .tbody .td .title { width: 70% !important;  text-align: right;}

    #marketMenuTabContents .tab-contents .market-detail-button { display: block; margin-bottom: 20px; width: 100%; height: 40px; background: #E9ECEF; font-size: 14px; font-weight: 500; text-align: center; line-height: 40px; cursor: pointer; }
    #marketHistoryDetail.dis-none { display: none; }

    #memberContent .memberContent-in .my-history .tab-body .body .table.eleven .tbody .td{width:100%; display: flex;justify-content: space-between;}
    #memberContent .memberContent-in .my-history .tab-body .body .table.eleven .tbody .td:nth-child(2){width:100%;}
    #memberContent .memberContent-in .my-history .tab-body .body .table.eleven .thead .th:nth-child(1),
    #memberContent .memberContent-in .my-history .tab-body .body .table.eleven .tbody .td:nth-child(1){width: 100%;}

    #memberContent .memberContent-in .my-history .tab-body-realization{padding-top: 20px; border-top: none;}
    #memberContent .memberContent-in .my-history .tab-body .realization{ height: 270px;}
    #memberContent .memberContent-in .my-history .tab-body .realization .card{height: auto; padding: 20px; width:100%; }
    #memberContent .memberContent-in .my-history .tab-body .realization .card-box{margin-right:0%; margin-bottom:4%;}
    #memberContent .memberContent-in .my-history .tab-body .realization .card li p.text-right .num span{font-size:14px;}
    #memberContent .memberContent-in .my-history .tab-body .realization .card li p.text-right .num{font-size:12px;}

    #memberContent .memberContent-in .my-rental .tab-body .content { padding: 10px; }
    #memberContent .memberContent-in .my-rental .head { padding: 10px; }
    #memberContent .memberContent-in .my-rental .head .title { font-size: 14px; }
    #memberContent .memberContent-in .my-rental .head .krw { font-size: 13px; }
    #memberContent .memberContent-in .my-rental .body { padding: 10px; }
    #memberContent .memberContent-in .my-rental .body .contents .map-area { float: none; width: 100%; height: 200px; }
    #memberContent .memberContent-in .my-rental .body .contents .info-area { float: none; margin-top: 10px; padding-left: 0; width: 100%; }
    #memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info { overflow: initial; height: auto; }
    #memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .left{ float: none; width: 100%; }
    #memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .text-info { width: 70%; }
    #memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .profits { float: none; }
    #memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .profits .content { padding: 0; }
    #memberContent .memberContent-in .my-rental .body .contents .info-area .artwork-info .list li .profits .content span.question-mark span.question-txt{top: -80px; right:-150px}

    #memberContent .memberContent-in .my-cpnPoint .tab-body { padding: 10px; }
    #memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head { padding: 10px 10px 20px; }
    #memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .tab-list { float: none; width: 100%; text-align: center; }
    #memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .tab-list li { margin-right: 0; width: 49%; height: 40px; background: #E9ECEF; border: 1px solid #E9ECEF; font-size: 13px; text-align: center; line-height: 40px; }
    #memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .tab-list li.active { background: #212529; color: #fff; }

    #memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .coupon-number { float: none; margin-top: 10px; width: 100%; }
    #memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .coupon-number .button { margin-top: 10px; width: 100%; }

    #memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-body { padding: 20px 0; }

    #memberContent .memberContent-in .table .tbody .td { padding: 4px 0; }
    #memberContent .memberContent-in .my-cpnPoint .tab-body .table .tbody .td .title { width: 70%; text-align: right; }

    #memberContent .memberContent-in .my-cpnPoint .tab-body .table.four .tbody .td,
    #memberContent .memberContent-in .my-cpnPoint .tab-body .contTab02 .table.four .tbody .td { width: 100% !important; }
    #memberContent .memberContent-in .my-cpnPoint .tab-body .contTab02 .table.four .thead .th:last-child,
    #memberContent .memberContent-in .my-cpnPoint .tab-body .contTab02 .table.four .tbody .td:last-child{width:100% !important; }
    #memberContent .memberContent-in .my-cpnPoint .tab-body .table.four .tbody .td .label { float: left; }
    #memberContent .memberContent-in .my-cpnPoint .tab-body .table.four .tbody .td .right { float: right; text-align: left; width: 100%; }
    #memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .title { display: none; }
    #memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .point { font-size: 15px; }
    #memberContent .memberContent-in .my-cpnPoint .tab-body .cont-tab-head .coupon-number .input { width: 100%;  max-width: inherit;}

    #certificateModal .close-x-btn { top: 12px; right: 12px; width: 18px; height: 18px; }
    #certificateModal .contents .head .title { font-size: 15px; }

    #memberMoney .Moneybox4 .history-all-box{padding: 20px;}
    .money-dashboard .section-dashboard{display: block; margin:0;}
    .money-dashboard .section-dashboard .search-day{flex-wrap: wrap;  margin-bottom: 15px;}
    .money-dashboard .section-dashboard p.left{width: 100%; display: block; font-size:14px;  max-width: initial;}
    .money-dashboard .section-dashboard select.sortation-box{width: 100%;      margin-bottom: 18px; }
    .money-dashboard .calendar input{width: 100%;     padding-left: 5px;}
    .money-dashboard .section-dashboard select.day-box{width:30%;}
    .money-dashboard .section-dashboard .list-day{width: 70%;}
    .money-dashboard p.sub{position: absolute;top: 280px; font-weight: 400;font-size: 11px;max-width: 240px;line-height: 15px;text-align: left;padding-left: 4px;text-indent: -4px;}
    .money-dashboard p.before-deposit{max-width: inherit;text-indent: 0;border: none;position: inherit; padding: 10px;margin-top: 10px;display: flex;flex-wrap: wrap;}
    .money-dashboard .section-dashboard .search-day .virtual-account.Moneybox2-mo{display: block;}
    .money-dashboard .section-dashboard .Moneybox2-pc select{display: none !important;}

    h1.Money-title{font-size:16px; padding: 0 20px 0 20px; background: none !important; color: #545969 !important;border-top: 2px solid #e9ecef;}
    div.money-all h1{font-size:14px; width: 100%; padding: 10px 30px;  margin: 5px 0;}
    div.money-all h1.deposit{border-right: none; margin:0 0 5px 0; }
    div.money-all h1 span.won{font-size:14px !important; }
    div.money-all h1 span{font-size: 16px;}
    div.money-all h1 i{font-size:14px;}
    .money-dashboard p.right{width:100%; margin-top: 5px;}
    .money-dashboard .search-sortation p.sub{margin-top: 0; line-height: 18px;max-width: 220px; float: right; font-size: 12px; }
    .money-dashboard p button{width:32%; margin-bottom:1%; font-size:12px;}
    .moneybox-invest.moneybox-invest-top{height: auto;}
    .moneybox-invest div{width:100%;}
    .moneybox-invest div:first-child{margin-bottom:20px;}
    .moneybox-invest .content{padding:20px; line-height: initial;}
    .moneybox-invest .content p.col{line-height: initial;  height: 30px;}
    .moneybox-invest ul.notice{padding:25px 20px;}
    .change ul>li p.type{display: inline-block; width:auto !important;;     font-size: 16px !important;}
    .change ul>li p.btn{    float: right !important; width: auto !important; vertical-align: top;}
    .change ul>li p.btn a{float:right; font-size: 14px;     padding: 3px 15px;margin-top: 4px;}
    .moneybox-invest ul.notice li{font-size:12px; line-height: 18px;}
    .change.Moneybox2-mo ul>li.type-notice{background: none; padding:0;}

    #memberMoney .card{padding:0;     border-radius: 0 !important;}
    #memberMoney{max-width:600px; width:100%; margin:0 auto;}
    #memberMoney .Moneybox1{width:100%; height: auto;  float: none; margin-bottom:20px;}
    #memberMoney .Moneybox1 .moneybox-text{padding:20px;}
    #memberMoney .Moneybox1 .moneybox-text p{font-size: 13px;  height:auto; margin-bottom:4%;}

    #memberMoney .Moneybox2_3all{ width: 100%;display: block;height: auto;float: none;margin-bottom: 0;}
    #memberMoney .Moneybox123all{height:auto; margin-bottom:20px;}
    #memberMoney .Moneybox2{width:100%; height: auto; float: none;margin-left: 0;}
    #memberMoney .Moneybox2>ul{ padding:20px;}
    #memberMoney .Moneybox2>ul>li{ width:100%; height:auto; line-height: 2;}
    .change ul>li.type-notice{margin-top: 20px; font-size:12px;}
    #memberMoney .Moneybox2>ul>li p.col { float: none; width: 100%; color: #868e96; font-size:12px; padding-right: 2px;}
    #memberMoney .Moneybox2>ul>li p.col.text-right { width: 100%; color: #343a40; font-weight: 500; text-align: left;}
    #memberMoney .Moneybox2>ul>li p.text-right-fontsize{font-size: 12px; }
    #memberMoney .Moneybox2>ul>li p.text-right-bold{font-size: 15px !important; color:#343a40;}

    #memberMoney .Moneybox3.corporation-wallet{height: auto !important;}
    #memberMoney .Moneybox3.corporation-wallet p.wallet{margin: 10px 0 40px!important;}
    #memberMoney .Moneybox3{width: 100%; float: none; height: 320px;  margin-bottom: 20px;}
    #memberMoney .Moneybox3 .Moneybox3-in,
    #memberMoney .Moneybox3 .Moneybox3-in-bottom{padding:25px !important;}
    #memberMoney .Moneybox3 .Moneybox3-in-bottom{height: 105px;}
    #memberMoney .Moneybox3 .Moneybox3-in ul li p button.money-btn1{font-size:11px; width:50px; height:20px; font-weight: 500; letter-spacing:-1px;}
    #memberMoney .Moneybox3 .Moneybox3-in ul li{width:100%; height:22px; line-height:22px;}
    #memberMoney .Moneybox3 .Moneybox3-in ul li.Moneybox3-margintop{padding-top: 30px;}
    #memberMoney .Moneybox3 .Moneybox3-in ul li p.col {font-size:14px;}
    #memberMoney .Moneybox3 .Moneybox3-in ul li p.col.text-right { color: #343a40; font-weight: 500; }
    #memberMoney .Moneybox3 .Moneybox3-in ul li p.col.text-right input{ text-align: left;}
    #memberMoney .Moneybox3 .Moneybox3-in ul li p.col.text-right-fontsize{font-size: 14px;}
    #memberMoney .Moneybox3 .Moneybox3-in ul li p.col.text-right-bold{margin-bottom: 4px;font-size: 14px;}

    .moneybox-invest{font-size: 14px;}
    .moneybox-invest p.text-right{padding-left: 0;}
    .moneybox-invest span.bank{  width: 18px;height: 18px;margin-right: 3px;}
    .moneybox-invest p.text-right span.bank-name{font-size:13px; display: block; font-weight: 400;}
    .moneybox-invest p.label span.side-text{margin-left: 2px;}
    button.toss-button span.iconimg,
    #memberMoney .Moneybox3 .Moneybox3-in .money-btn2 i.fa-solid{margin-right: 2px;}
    #memberMoney .Moneybox3 .wallet-deposit{align-items: center; }
    #memberMoney .Moneybox3 .Moneybox3-in .red-notice{font-size: 11px;}
    #memberMoney .Moneybox3 .Moneybox3-in h1.title{font-size:16px;}
    #memberMoney .Moneybox3 .Moneybox3-in p.wallet{margin: 15px 0 35px 0;     font-size: 18px;}
    #memberMoney .Moneybox3 .Moneybox3-in p.wallet span{font-size:24px;}
    #memberMoney .Moneybox3 .wallet-deposit-top{padding-top: 0;}
    #memberMoney .Moneybox3 .Moneybox3-in .money-btn2.deposit-btn,
    #memberMoney .Moneybox3 .Moneybox3-in .money-btn2{font-size:15px; width: 38%; }
    #memberMoney .Moneybox2.Moneybox2-mo{display: block; margin-bottom:20px; border-radius: 10px 10px 0 0 !important;}
    #memberMoney .Moneybox2.Moneybox2-mo ul li:nth-child(1){height: 50px;}
    #memberMoney .Moneybox2.Moneybox2-pc{display: none;}

    #memberMoney .Moneybox4 section.table{border-top: none;}
    #memberMoney .Moneybox4 section.table .thead{ display: none; }
    #memberMoney .Moneybox4 section.table .tbody { width: 100%; background: #fff; font-size: 13px; }
    #memberMoney .Moneybox4 section.table .tbody:nth-child(2n-1){background: none;}
    #memberMoney .Moneybox4 section.table .tbody .tr {  margin-bottom: 10px; padding: 4px 10px; height: auto; border: 1px solid #E9ECEF; border-left: 2px solid #ddd;}
    #memberMoney .Moneybox4 section.table .tbody .td { padding: 8px 4px; width: 50%; text-align: left; }
    #memberMoney .Moneybox4 section.table .tbody .td span.label{display:block;  font-size: 11px;   color: #868E96;}
    #memberMoney .Moneybox4 section.table.five .thead .th,
    #memberMoney .Moneybox4 section.table.five .tbody .td{width: 100% !important;  overflow: initial;white-space: normal; padding:2px;}
    #memberMoney .Moneybox4 section.table.five .tbody .td .label{width: 50px;}
    #memberMoney .Moneybox4 section.table.five .tbody .td .num{text-align: right;}
    .money-dashboard p.transfer-select{ justify-content: space-between; float: none; margin-top: -10px;}
    .money-dashboard p.transfer-select select{border: none;border-radius: 0;height: 20px;color: #868e96;padding: 0;}

    #memberMoney .Moneybox2_3all ul li p.text-right span.reset-btn a>img{margin:0;}

    article#myDeposit .body{padding: 10px 0;}
    article#myDeposit .body h1{font-size:14px; line-height: 22px; letter-spacing: -1.44px;}
    article#myDeposit .body p{font-size:12px; line-height: 22px;}
    article#myDeposit .body>div{height: 50px; max-width: 330px; margin: 25px auto 0;}
    article#myDeposit .body h2{ height:50px; line-height:50px;  font-size:16px;}

    .member-head { height: 100px; }
    .member-head.headmo-display{display:none !important;;}
    .member-head .title { font-size: 24px; }
    #Login .Login-form{padding:4%; padding-bottom: 100px;}
    #Login .Login-form .Login-in{padding: 60px 30px; }
    #Login .Login-form .Login-in h2.Login-title{font-size:14px; padding-bottom: 5px;}
    #Login .Login-form ul.login-menu{margin-top: 30px;}

    #Login .Login-form .Login-in .login-main i{font-size:16px;     margin-top: 35px;}
    #Login .Login-form .login-keeps label{font-size: 12px;}
    #Login .Login-form ul.login-menu li a{ font-size: 12px;}

    #Login .Login-form .Login-Btn input.submit-btn{font-size:16px; height: 50px; }
    #Login .Login-form .kakao{ height: 50px; }
    #Login .Login-form .kakao a{ line-height: 50px;font-size: 14px;font-weight: 500;}
    #Login .Login-form .Login-in .login-button{    height: 50px;margin: 40px 0 10px 0;}
    #Login .Login-form .Login-in .login-button a{font-size: 14px;font-weight: 500;line-height: 50px;}
    #Join .Join-in .Join-in-text p.join-btn span.iconimg, .Login-Btn a span.iconimg{width: 15px; height: 15px;}


    #Join .Join-in{padding: 4%; padding-bottom:100px !important;}
    #Join .Join-in .Join-in-text{padding: 40px 30px; }
    #Join .Join-in .Join-in-text p.join-btn{height: 60px;}
    #Join .Join-in .Join-in-text p.join-btn a{font-size: 16px; line-height:60px; }

    #Crprt .company-join .Crprt-in{margin: 0 auto; max-width: 600px; width: 100%; padding:30px 25px 60px 25px; }
    #Crprt .company-join .Crprt-in .company-join-form>div{ width:100%;}
    #Crprt .company-join .Crprt-in .company-join-form .company-left{border-right: none; padding:0;}
    #Crprt .company-join .Crprt-in .company-join-form .company-left input.radio-check + label{font-size: 14px;}
    #Crprt .company-join .Crprt-in .company-join-form > div >p span.notice-bottom,
    #Crprt .company-join .Crprt-in .company-join-form .company-right span.notice-bottom{font-size:12px; line-height: 16px;}
    #Crprt .company-join .Crprt-in .company-join-form .company-right{padding: 0;}

    #Crprt .company-join .Crprt-in .company-join-form button.crprtjoin-btn{height: 60px; font-size: 18px;letter-spacing:-0.4px;}
    #Crprt .company-join .Crprt-in .company-join-form .agree-cont-in span.look-detail{font-size: 12px;}

    #joinEmail{padding-bottom:90px;     padding-top: 20px;}
    #joinEmail .joinEmail-in{ padding:40px 30px; }
    #joinEmail .joinEmail-in .require-notice{margin-top:0; font-size: 13px;}
    #joinEmail .joinEmail-in p label{margin: 20px 0 10px 0; font-size: 14px; font-weight: 500;}

    #joinEmail .joinEmail-in h1.join-top-text{font-size: 18px;margin-bottom: 80px;}
    #joinEmail .joinEmail-in ul.crprt-join{font-size:12px; align-items: flex-end;}
    #joinEmail .joinEmail-in ul.crprt-join button a{font-size:12px;}

    #joinEmail .joinEmail-in p .phone-confirm{font-size: 14px; width:100%;}
    #joinEmail .joinEmail-in p.phone-confirm-text{padding-left:10px;  font-size: 11px; letter-spacing:-0.7px;}
    #joinEmail .joinEmail-in .joinemail-btn,
    #joinEmail .joinEmail-in .joinemail-btn-login{height: 60px; font-size: 14px; font-weight: 500;letter-spacing:-0.4px;     margin-top: 40px;}
    p.id-card-plus span.id-card input.hasValue2{ width:47.2% !important;}
    p.id-card-plus span.id-card input::placeholder{font-size: 13px !important;}
    .essential .contents-adress .width100 input::placeholder{font-size: 13px !important;}
    #joinEmail .joinEmail-in p.id-card-plus span.id-card i{right:8%;}

    #ConsignMent{padding-bottom: 90px;}
    #ConsignMent .Consignation{padding:0; }
    #ConsignMent .Consignation p.require-notice{font-size: 13px; }
    #ConsignMent .Consignation p label{font-size: 12px;}
    #ConsignMent .Consignation p span{font-size: 15px;}

    #ConsignMent .Consignation .consignation-box span.stockCd input[id="stockCd-1"] + label{font-size: 15px;}
    #ConsignMent .Consignation .consignation-box span.stockCd input[id="stockCd-2"] + label{font-size: 15px;}

    #ConsignMent .Consignation .consignation-box .stockbox h3{font-size: 13px;}

    #ConsignMent .Consignation button.consignation-btn{ margin-bottom: 60px; font-size: 18px;  height: 60px; }

    #ConsignMent .head ul li{font-size:14px; margin-right:12px;}
    #ConsignMent .head #consignTabList{padding: 0 25px;}
    #ConsignMent .head p.require-notice{width:30%; float:right; line-height: 60px;}
    #ConsignMent .Consignation .p40px{padding:20px;}
    #ConsignMent .Consignation p label{width:30%;}
    #ConsignMent .Consignation p input,
    #ConsignMent .Consignation p select {width:70%;}
    #ConsignMent .Consignation p.inputfloat>span{padding:6px; padding-top: 20px;}

    .guideMain{height: 100px !important;}
    section.guideMain2{height:100px;}
    section#guide h1{font-size:18px;}
    section#guide p{font-size:13px; line-height: 24px;}
    section#guide .guide-all .guide-list p.guide-listbox-p{margin: 30px 0px;font-size: 14px;}
    section#guide2 .guide2-in>div{display:block; margin:0 auto ;    height: 270px; max-width:270px; }
    section#guide2 .guide2-in>div:nth-child(1){margin-right:0; margin: 0 auto 20px !important;}
    section#guide2 .guide2-in{padding:50px 0;}
    section#guide2 .guide2-in>div h1{margin-top:0; padding-top:50px; font-size:22px; }
    section#guide2 .guide2-in>div h2{font-size: 12px; margin-top: 10px; }
    section#guide3{padding: 50px 0 100px 0;}
    section#guide3 .guide3-in p{padding:10px; font-size:12px;}

    section.guideMain h1{font-size: 24px; line-height: 100px; letter-spacing: -0.96px;}
    section#guide{padding-top: 60px !important; padding: 3%;}
    section#guide h2{font-size: 16px; letter-spacing: -0.64px;}
    section#guide h2 span{font-weight: 500;}

    section#guide .guide-all{margin-top: 40px;}
    section#guide .guide-all .guide-list{height: auto;}
    section#guide .guide-all .guide-listbox{ padding:20px; float: none; width: 100%; margin-right: 0%; border: 1px solid #cdd6de; height: 130px; margin-bottom: 10px;}
    section#guide .guide-all .guideBtn{max-width: 760px; margin: 30px auto; height: 60px;}
    section#guide .guide-all .guide-listbox .guide-listbox-img{display: none;}
    section#guide .guide-all .guideBtn a{font-size: 16px; letter-spacing: -0.64px;line-height: 60px;}

    section#guide .guide-all .guide-listbox h3{float: left; width: 20%; height: 100%; text-align: center;font-size: 16px; letter-spacing: -0.64px;}
    section#guide .guide-all .guide-listbox p{ width: 77%; height: 100%; display: inline-block;font-weight: 400;  float: right; text-align: left; margin: -2px; font-size:13px; }
    section#guide .guide-all .guide-listbox p br{display:none;}

    section.arttogetherMain{height: 100px;}
    section.arttogetherMain h1{font-size: 24px; line-height: 100px; letter-spacing: -0.96px;}

    section.Page1{ height: auto;padding: 60px 0;}
    section.Page1 h1{font-size: 16px; line-height: 23px; letter-spacing: -0.64px;  margin-bottom: 30px;}
    section.Page1 .page1-onebox{padding: 7%;}
    section.Page1 .page1-onebox .Round-box{ margin: 0 auto; width: 100%; max-width: 1200px; clear: both;}
    section.Page1 .page1-onebox .Round{margin-bottom:10px;width:100%;  margin-right: 0; }
    section.Page1 .page1-onebox .Round .Round-in{float: left;  width: 110px; height: 110px;}
    section.Page1 .page1-onebox .Round .Round-text{padding-top: 10px;  float: left;width: 60%; height: 110px;padding-left: 20px; }
    section.Page1 .page1-onebox .Round .Round-in h1{font-size: 18px; padding-top: 30px; line-height: 1.4; letter-spacing: -0.72px;}
    section.Page1 .page1-onebox .Round hr.Round-line{display: none;}
    section.Page1 .page1-onebox .Round h2{text-align: left; font-size: 13px; letter-spacing: -0.52px; line-height: 20px; margin-bottom: 5px;}
    section.Page1 .page1-onebox .Round p{text-align: left; font-size: 13px;  letter-spacing: -0.52px; line-height: 20px;}
    section.Page1 .page1-onebox .Round p br{display: none;}

    section.Page2{ padding: 60px 20px;}
    section.Page2 .Page2-in .page2Main{margin-bottom: 40px; }
    section.Page2 .Page2-in .page2Main h1{font-size: 18px; letter-spacing: -0.72px; }
    section.Page2 .Page2-in .page2Main p{font-size: 13px; letter-spacing: -0.52px; }
    section.Page2 .Page2-in .page2Main-in .page2Main-box{width: 100%; float: left;margin-right: 0; text-align: left; padding: 20px;  margin-bottom: 10px; height: auto;}
    section.Page2 .Page2-in .page2Main-in .page2Main-box h1{display: blcok; font-size: 20px; text-align: center; }
    section.Page2 .Page2-in .page2Main-in .page2Main-box .page2Main-box-icon{display: blcok; margin: 10px auto; }
    section.Page2 .Page2-in .page2Main-in .page2Main-box .page2Main-box-icon>img { height: 50px; vertical-align:middle;}
    section.Page2 .Page2-in .page2Main-in .page2Main-box h2{font-size: 16px; letter-spacing: -0.64px;  margin-bottom: 10px; text-align: center;}
    section.Page2 .Page2-in .page2Main-in .page2Main-box p{font-size: 12px; letter-spacing: -0.48px; line-height: 22px; text-align: center;}

    section.Page3 .page3Main{margin: 80px 0 20px 0; }
    section.Page3 .page3Main h1{font-size: 18px; letter-spacing: -0.72px; }
    section.Page3 .page3Main p{font-size: 13px; letter-spacing: -0.52px; }
    section.Page3{padding-bottom: 80px;}
    section.Page3 .Featbox{padding: 30px 0;}
    section.Page3 .Featbox a{width: 48%; height:auto;}
    section.Page3 .Featbox a>img{width: 100%;}

    section.Page4{ padding: 60px 20px;}
    section.Page4 .Page4-in .page4Main{margin-bottom: 40px;}
    section.Page4 .Page4-in .page4Main h1{font-size: 18px; letter-spacing: -0.72px;}
    section.Page4 .Page4-in .page4Main p{font-size: 13px;  letter-spacing: -0.52px;}

    .history-list h3.intro-title{position: relative; font-size: 20px;border-radius: 50%;width: 100px; height: 100px;line-height: 100px;}
    .history-list .history-box .month .inner dl dt.txt-month:after{width: 40px; }
    .history-list .history-box .month .inner dl dt.txt-month{font-size: 16px;  line-height: 20px;}
    .history-list .history-box .month .inner dl dt.txt-month span.square{width: 10px; height: 10px;margin-right: 5px;     vertical-align: middle;}
    .history-list .history-box .month .inner.right{ margin-bottom: 15px;}
    .history-list .history-box .month .inner dl{padding-left: 40px;}
    .history-list .history-box .month .inner dd{font-size: 13px;  padding-left: 15px; letter-spacing: -0.72px;}
    .history-list .history-box .month .inner.left{ margin-bottom: 15px;}
    .history-list .history-box .month .inner.left dl { padding: 0 40px 0 0;}
    .history-list .history-box .month .inner.left dl dt.txt-month:after {left: auto; right: 0;}
    .history-list .history-box .month .inner.left dl dt.txt-month span.square{margin: 0 0 0 5px;}
    .history-list .history-box .month .inner.left dd{padding-right: 15px;}

    .history-list h3.intro-title>span{width:50px; display: inline-block;}
    .history-list h3.intro-title>span>img{width: 100%; vertical-align: middle;}

    .nominator{margin-bottom:12px;}
    .nominator label,
    .MYpage .membership ul.adress span,
    .nominator.text-list span.label{font-size:14px;}
    .MYpage .membership ul.membership-name{padding:30px;}
    .MYpage .membership ul.membership-name-bottom{padding: 40px 30px;}
    .MYpage .membership ul>li{line-height:20px;}
    .MYpage .membership ol.member-info ul.member-infoleft>li{width: 85%; height: 70px;}
    .MYpage .membership ol.member-info ul.member-infoleft>li p{padding-top:3px;}
    .MYpage .membership ol.member-info ul.member-infoleft button{font-size: 12px; width:auto; height: 35px;}
    .MYpage .membership ol.member-info ul.member-inforight{padding:0;}
    .MYpage .membership ol.member-info ul.member-inforight li.member-class{font-size:12px; margin-bottom:2px;}
    .MYpage .membership ul>li{font-size:14px;}
    .MYpage .membership li.member-logout{padding: 0 25px;}
    .MYpage .membership ol.member-info ul.member-infoleft{width:80px;}
    .MYpage .membership ol.member-info ul.member-inforight button{ font-size:12px;}
    .MYpage .membership ul button.Mypage-btn{height:60px;line-height: 60px; font-size:14px;margin: 20px auto 0;}
    .MYpage .membership ul li ul li.member-texts-name1 label{font-size:14px !important;}

    section.s-center .member-head{height: 100px; margin-bottom: 30px;}
    section.s-center .member-head h1{ font-size: 24px; line-height:100px;}

    section.s-center #detailDiv{padding:0 20px;}
    section.s-center #detailDiv .Cs-title{ height:80px; clear:both;}
    section.s-center #detailDiv .Cs-title .Cs-title-name1{width: 17%;height: 50px; line-height: 50px;font-size: 12px; letter-spacing: -0.74px; text-align:center;}
    section.s-center #detailDiv .Cs-title .Cs-title-name2{width: 83%; height: 50px; line-height: 20px; padding: 5px; font-size: 13px; letter-spaicng: -0.52px; }
    section.s-center #detailDiv .Cs-title .Cs-title-name2 .Csings{text-align: center;width:40px; height:15px;  letter-spaicng: -0.54px; margin-left:5px; padding: 2px 5px;}
    section.s-center #detailDiv .Cs-title .Cs-title-day{width:100%; height: 10px; line-height: 10px; text-align: right;  font-size: 12px; padding-right: 10px; }
    section.s-center #detailDiv .Cs-text{ line-height: 30px; padding:10px; padding-bottom: 20px;font-size: 14px; }
    section.s-center #detailDiv button.Cs-main-btn{ margin: 30px 0;  width:100px; height: 30px; font-size: 14px;}
    section.s-center #detailDiv button.Cs-main-btn a{height:30px; line-height:30px;}

    div.mallBuy-box-gray{padding: 20px;}
    .buyForm h2{font-size: 18px; padding: 15px;}
    section.buyformall{padding-bottom: 0;}
    .buyForm .buyForm-in{padding:20px;     padding-bottom: 100px;}
    .buyForm .buyForm-in .buyForm-prouduct{ padding: 20px 20px 0 20px;}
    .buyForm .buyForm-in ul.buyForm-state li.wallet,
    .buyForm .buyForm-in ul.buyForm-state li.blue{font-size:14px;}
    .buyForm .buyForm-in ul.buyForm-state li.blue{display: flex;justify-content: space-between;align-items: center;}
    .buyForm .buyForm-in h1.title{font-size: 16px;}
    .mo-br .tooltip-text br{display: none;}

    .buyForm .buyForm-in p span.buyform-right{    color: #001639;letter-spacing:-0.62px; font-size:18px; font-weight: bold; }
    .buyForm .buyForm-in p span.piece-text{margin-left: 2px;}
    .buyForm .buyForm-in p.clear{margin-bottom:15px;}
    .buyForm .buyForm-in ul.buyForm-state li span.copyNumber{    padding-top: 3px; font-size: 13px; letter-spacing: -0.82px; }
    .buyForm .buyForm-in p span.buy-piece-p{float:right; width: 60%; display: inline-block;}
    .buyForm .buyForm-in p label{width:22%; display:inline-block; letter-spacing:-0.72px; font-weight:500;}
    .buyForm .buyForm-in p input#buy-number{width:88%;}
    .buyForm .buyForm-in p input#buy-point{width:57%;}

    .buyForm .buyForm-in ul.buyForm-state p.mbottom40px{padding:0; clear:both; border:none;}
    .buyForm .buyForm-in p.mbottom40px{margin-bottom:60px; }
    .buyForm .buyForm-in p button.copon-btn,
    .buyForm .buyForm-in p button.point-btn{width:18%;font-size: 12px;}
    .buyForm .buyForm-in p select.product-coupon-list{margin-top:10px; width:100%;}
    .buyForm .buyForm-in p button.copon-btn{width: 90px;}
    .buyForm .buyForm-in ul.buyForm-state li span#buy-money p.dpst{font-size:16px;}
    .buyForm p span.product-name{font-size:15px; font-weight:500; color: #212529; letter-spacing: -0.72px;}

    .buyForm .buyForm-in .product-box-gray ul.mallBuy-state li{font-size:13px; }
    .buyForm .buyForm-in .product-box-gray ul.mallBuy-state li span{font-size:14px; }
    .buyForm .buyForm-in .product-box-gray ul.mallBuy-state li span.product-buy-texts-name{font-size:13px;}
    .buyForm .buyForm-in .product-box-gray ul.mallBuy-state li.mallBuy-state-text span#totalBuyAmt{font-size:15px;}

    section.productMain{ height:100px;}
    section.productMain h1{font-size: 24px; line-height: 100px;}
    section.productMain h1.jnl-h1{line-height: 18px !important;padding-bottom: 10px;}
    section.productMain h2.jnl-h2{font-size:12px; padding: 0 20px;}

    section.rental-main{height:100px;}
    section.rental-main h1{font-size: 24px; line-height: 100px;}

    section.rentalGMain{height: 120px;}
    section.rentalGMain h1{color: #fff; font-size: 24px; line-height: 120px; }

    section.PageR1{ padding-top: 60px; }
    section.PageR1>h1{ font-size: 18px; line-height: 46px;}
    section.PageR1 h2{ margin-top: 10px; font-size: 14px; padding: 15px;}
    section.PageR1 .pageR1-onebox{ margin: 0 auto 60px;}
    section.PageR1 .pageR1-onebox .Round-box{ width: 100%;   margin-top: 30px; }
    section.PageR1 .pageR1-onebox .Round-box .Round{ margin: 0 auto 20px;  float: none;  width: 150px; height: 150px; }
    section.PageR1 .pageR1-onebox .Round-box .Round:last-child{margin: 0 auto; }
    section.PageR1 .pageR1-onebox .Round-box .Round h1{  font-size: 14px;line-height: 22px; margin-top: 45px;}
    section.PageR1 .pageR1-onebox .Round-box .Round2 h1{color: #fff; padding-top: 45px; margin-top: 20px;}
    section.PageR1 h3.one-h3{margin-top:45px;}
    section.PageR1 h3{font-size:17px; line-height:24px;   padding: 12px;}

    section.PageR2{padding-bottom: 60px; }
    section.PageR2 .Page2-in{padding-top: 60px;}
    section.PageR2 .Page2-in>h1{font-size: 18px; }
    section.PageR2 .Page2-in .page2Main-in{width: 100%;margin-top: 30px; }
    section.PageR2 .Page2-in .page2Main-in div.page2Main-in-rental01{display:inline;}
    section.PageR2 .Page2-in .page2Main-in .rentalBox{ height: 330px;  margin-bottom: 4%; margin-right: 4%; float: left;  width: 48%; padding: 20px 5px;}
    section.PageR2 .Page2-in .page2Main-in .rentalBox:nth-child(2){margin-right: 0; }
    section.PageR2 .Page2-in .page2Main-in .rentalBox:nth-child(3){margin-right: 4%; }
    section.PageR2 .Page2-in .page2Main-in .rentalBox4{margin-right: 0; }
    section.PageR2 .Page2-in .page2Main-in .rentalBox h1{font-size: 16px; margin-bottom: 20px;  }
    section.PageR2 .Page2-in .page2Main-in .rentalBox .rentalStep{padding:0; }
    section.PageR2 .Page2-in .page2Main-in .rentalBox p{  font-size: 12px; line-height: 20px; }

    section.PageR3{padding-bottom: 60px;  padding-top: 60px; }
    section.PageR3 h1{font-size: 18px;}
    section.PageR3 p{font-size: 14px; line-height: 20px;  margin-top: 10px; padding: 0 10px;}
    section.PageR3 article.table{margin-top: 30px;}
    section.PageR3 article.table .thead{background: #F9FAFC;font-size: 11px; letter-spacing: -1.2px;}
    section.PageR3 article.table .thead .tr .th{width: 25%;padding: 10px;}
    section.PageR3 article.table .thead .tr .th:nth-child(2){line-height:13px;}
    section.PageR3 article.table .tbody{font-size: 12px; letter-spacing: -0.74px;}
    section.PageR3 article.table .tbody .tr{height: auto;}
    section.PageR3 article.table .tbody .tr .td{width:25%;float:left;padding: 8px;height: 100%;}
    section.PageR3 p.rentalP{font-size: 12px; letter-spacing: -0.74px; line-height: 20px; }

    section.PageR4{padding-top: 60px; padding-bottom: 60px; }
    section.PageR4 h1{font-size: 18px; margin-bottom: 30px;  }
    section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox{height: 400px; width: 48%;}
    section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox:nth-child(2){margin-right: 0;}
    section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Img{ padding: 20px; }
    section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text{width: 100%; padding: 10px; }
    section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.product-name{font-size: 14px; color: #343a40; }
    section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.product-about{font-size: 12px; margin-bottom: 20px; }
    section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.rental-money{ margin-bottom: 15px;  font-size: 12px; }
    section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.rental-money span{font-size: 12px; display:block; width:100%; text-align: left;}
    section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.rental-money span.question-mark{display:inline; width:20px; float:none;}
    section.PageR4 .PageR4-in .rentalOk-product .rentalOkbox .product-Text p.rental-money span.question-mark span.question-txt{width:130px; letter-spacing:-0.72px; }
    section.PageR4 .PageR4-in .rentalGo-btn{ height: 60px; margin:  20px auto 0;}
    section.PageR4 .PageR4-in .rentalGo-btn a{ font-size: 18px; line-height: 60px;}

    button.printing-btn{display:none; }
    p.printing-text{display:block; padding-top:0;}
    p.a5{display:none;}
    #passwordChangeArticle{padding:30px !important;}

    #rentalMenuTabContents section.tab01 .tab-head .col{width:100%;}
    #rentalMenuTabContents section.tab01 .tab-head .col ul li{ padding: 0 0 10px; margin-bottom:0 !important;}
    #rentalMenuTabContents .tooltip-box{height: 15px; margin-top:5px; margin-bottom:5px;}
    #rentalMenuTabContents .tooltip-box span.text{font-size: 12px; }
    #rentalMenuTabContents .tooltip-box .tooltip span.tooltip-text{ width: 240px; }
    #rentalMenuTabContents .tooltip-box .tooltip:hover span.tooltip-text{display:block;}

    #rentalMenuTabContents section.tab02 .col{width:100%; }
    #rentalMenuTabContents section.tab02 .col ul{padding-bottom:20px;}
    #rentalMenuTabContents section.tab02 .col ul li{padding: 0 0 10px;}

    article.rentalYieldModal .body .rentalDetail-top{padding:60px 20px 0; }
    article.rentalYieldModal .body .rentalDetail-top h1{font-size: 18px; }
    article.rentalYieldModal .body .rentalDetail-top p{font-size: 12px; }

    article.rentalYieldModal .body .rentalDetail-middle{width:100%; height: auto; padding:20px; }
    article.rentalYieldModal .body .rentalDetail-middle-in .card{height:160px; margin-right: 0%; margin-bottom:5%; float: none;padding: 15px;}
    article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail01{width:170px; margin:0 auto 5%;}
    article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail02{width:100%; height: auto;}
    article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail03{width:100%; margin-bottom:0; height: auto;}
    article.rentalYieldModal .body .rentalDetail-middle-in .card .text-list{font-size:13px; letter-spacing: -0.62px;}
    article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail02 .text-list li{margin-bottom: 10px;height: 50px;}
    article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail02 .text-list li{margin-bottom: 10px;}
    article.rentalYieldModal .body .rentalDetail-middle-in .rentalDetail02 .text-list li p.text-right{text-align: left; width: 100%; font-size:12px; }

    article.rentalYieldModal .body .rentalDetail-bottom{ width: 100%; height: auto; padding:20px;}
    article.rentalYieldModal .body .rentalDetail-bottom .col{height: 360px;  }
    article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .thead{display:none;}
    article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody{width:100%; background: #fff; font-size: 13px;}
    article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .tr{ margin-bottom: 10px;padding: 4px 10px;height: auto;border: 1px solid #E9ECEF; border-left: 2px solid #ddd;}
    article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td:first-child{width:100% !important;}
    article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td{width:50% !important;  text-align:left;}
    article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.label{display:block;height:20px; font-size:12px; color: #868e96;}
    article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .thead .th:nth-child(8),
    article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td:nth-child(8){width:50%; }

    article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.num-bar{padding-left: 0;}
    article.rentalYieldModal .body .rentalDetail-bottom .col section.ten .tbody .td span.num-bar span.numBar{margin-top: 15px;width: 60%; margin-right:5px;}

    article.rentalManagementModal .body .rentalDetail-middle-in .rentalDetail02{width:100% !important;}
    article.rentalManagementModal .body .rentalDetail-middle-in .rentalDetail03{width:100% !important;}
    article.rentalManagementModal .body .rentalDetail-middle-in .card .text-list li p.label{width: 100% !important;}
    article.rentalManagementModal .body .rentalDetail-middle-in .card .text-list li p.text-right{width: 100% !important; text-align: left !important; }
    article.rentalManagementModal .body .rentalDetail-bottom .col section.nine .thead .th,
    article.rentalManagementModal .body .rentalDetail-bottom .col section.nine .tbody .td{width:50% !important;}
    article.rentalManagementModal .body .rentalDetail-bottom .col section.nine .thead .th:nth-child(1),
    article.rentalManagementModal .body .rentalDetail-bottom .col section.nine .tbody .td:nth-child(1){width:50% !important;}

    section.tab-content div.th-sell{height: auto !important;}
    section.tab-content div.th-sell .col{width: 100%;}
    section.tab-content div.th-sell .col .info-list li{padding: 0 0 10px;}
    section.tab-content div.th-sell .col .info-list li p.text-right span{font-size: 12px;}
    section.tab-content div.th-sell .col .info-list li p.col{width:50%; }

    .artMallHistory .head p.krw{display:block !important; font-size:12px !important; margin-bottom:10px;}
    .artMallHistory .head .mall-head .col{width:100%;}
    .artMallHistory .head .mall-head .col .left.w20p{width: 100%;}
    .artMallHistory .head .mall-head .col .title{margin-bottom: 6px;}
    .artMallHistory .head .mall-head .col .left.w80p{width:100%;}
    .artMallHistory .head .mall-head .col .form-box input{width: 47%;}
    .artMallHistory .head .mall-head .col .button-box .button{margin: 0.5%;width: 32.3%;border: 1px solid #e9ecef;}
    .artMallHistory .head .mall-head .col .search-box .input{width: 73%;}
    .artMallHistory .mall-detail-button{display: block;margin-bottom: 20px;width: 100%;height: 40px;background: #E9ECEF;font-size: 14px;font-weight: 500;text-align: center;line-height: 40px;cursor: pointer;}
    .artMallHistory .table.seven .tbody .td { width: 100%; padding: 5px 0 !important; line-height: 18px;}
    .artMallHistory .table.seven .tbody .td span.label{float: left; width: 25%; text-align: left; font-size: 11px; color: #868E96; font-weight: 400;}
    .artMallHistory .table.seven .tbody .td span.td-top{ font-size:12px; display:inline-block; padding-bottom:0px;margin-right:5px;}
    .artMallHistory .table.seven .tbody .td span.td-top-img{width:25px; height:25px; float:left; }
    .artMallHistory .table.seven .tbody .td:nth-child(2),
    .artMallHistory .table.seven .tbody .td:nth-child(6){line-height: 22px; padding: 5px 0 !important;}
    .artMallHistory .table.seven .tbody .button.disable{padding:0px !important;}

    article#orderCancelModal{padding: 30px;}
    article#orderCancelModal .contents .text{margin-bottom:12px; font-size:14px;}
    article#orderCancelModal .contents .button {margin: 0 2px;height: 40px;font-size: 14px;line-height: 40px;}

    article#erModal{padding: 25px !important;}
    article.mallModal .contents .body .head .tab-list ul.list li{font-size:14px;}
    article#erModal .contents .body .head{padding: 10px 0px 10px;}
    article#erModal #erModalMenuTabContents .cont{ padding: 0px 5px 20px;}
    article.mallModal{padding:10px; }
    article.mallModal .contents h2.title{font-size: 18px; padding-top:15px;}
    article.mallModal .contents .body .head{padding: 20px 0px 10px;}

    article#deliveryTrackingModal .deliveryTrackingModal h1.title{font-size: 14px; }
    article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate li{ margin-bottom:5px;}
    article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate li span.left-text{width:65px; font-size:12px; }
    article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate li span.right-text{font-size:13px;  }
    article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate li span.text-w100p{width:100%; display:block; text-align:left;}
    article#deliveryTrackingModal .deliveryTrackingModal hr.hr_line{ height:10px; }
    article#deliveryTrackingModal .deliveryTrackingModal .table{margin-top:10px;}
    article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .thead{display:none; }
    article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody.malladdressList{    height: 350px; border: none;}
    article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody.malladdressList .tr .td span.label{color:#868e96; display:block; width: 20%; text-align:left; float: left;}
    article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody.malladdressList .tr .td span.light{display:inline-block;  width: 80%; text-align: right;}
    article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody.malladdressList .tr{padding: 4px 5px; width:100%; display: inline-block; border-left: 2px solid #ddd !important; height:auto; border:1px solid #e9ecef; }
    article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody.malladdressList .tr .td{line-height: 20px;padding:5px;}
    article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody .td { width: 100%;  }
    article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody .td:nth-child(3) { width: 100%;  }
    article#deliveryTrackingModal .deliveryTrackingModal .mall-dtstate .tbody .td:nth-child(4) span.label{color:#343a40;}
    article#deliveryTrackingModal .deliveryTrackingModalbtn a{font-size: 14px;}

    .auctionHistoryDetail-first.dis-none{display:none;}
    #auctionMenuTabContents .auction-detail-button{display:block; margin-bottom: 20px;width: 100%;height: 40px;background: #E9ECEF;font-size: 14px;font-weight: 500;text-align: center;line-height: 40px;cursor: pointer;}
    .auctionHistoryDetail-first .col{width: 100%;}
    #auctionMenuTabContents .tab-contents .tab-head{height:auto !important;}
    .auctionHistoryDetail-first .col h3.title{width: 100px; margin-bottom: 6px;}
    .auctionHistoryDetail-first .col .w20p{width: 100%;}
    .auctionHistoryDetail-first .col .w80p{width: 100%;}
    .auctionHistoryDetail-first .col .form-box .input{width: 47%;}
    .auctionHistoryDetail-first .col .button-box .button{margin: 0.5%;width: 32.3%;border: 1px solid #e9ecef;}
    .auctionHistoryDetail-first .col .auction-block-w100p .w50p .w80p{ width: 90%;}
    .auctionHistoryDetail-first .col .auction-block-w100p .w50p .w80p .button-list .button{width: 32%;}

    #auctionHistoryDetail article.table{margin-top:0; }
    #auctionHistoryDetail article.table.eleven .tbody .td span.right i.fa-plus{position: unset; padding-right: 3px;}
    #auctionHistoryDetail article.table.eleven .tbody .td span.right .button.disable{padding:0;}
    #auctionHistoryDetail p.title-notice{text-align:left; padding:3px;}

    article.bidModal{padding:20px;}
    article.bidModal .head h2.title{font-size: 18px;}
    article.bidModal .body{padding: 15px;}
    article.bidModal .body .info-body .list .label{width: 49%; letter-spacing: -0.72px;}
    article.bidModal .body .info-body .list .text{width: 51%;}
    article.bidModal .body .info-body .list .label span.tooltip{font-size: 13px;}
    article.bidModal .body .info-body .list .label span.tooltip span.tooltip-text{text-indent: -5px;left: -20px;width: 185px;}

    section.Page3 .Featbox{padding:0 5%;}
    section.Page3 .Featbox-padding{padding-bottom:40px;}

    /*금융거래정보제공동의 모달*/
    .financial-agree p.icon{max-width: 120px; }
    .financial-agree h1.text-left{font-size:16px;  line-height: 24px; }
    .financial-agree .scroll{ margin: 20px 0 40px 0;}
    .financial-agree .scroll .scroll-in{ height: 240px;}
    .financial-agree .agree .flex{ display: flex;justify-content: space-between; align-items: flex-start; margin-bottom: 22px;}
    .financial-agree .agree h1{font-size:14px;}
    .financial-agree .agree h2{font-size:12px; line-height: 1.4;}
    .financial-agree .agree .agree-top .flex{ flex-direction: column-reverse;}


}
/* //memberContent */
.mypage-txt h1{
    text-align: center;
    line-height: 200px;
    font-size: 36px; font-weight: 700;
}
.mypage{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.mypage-left{
    width: 100%;
    height: 200px;
    max-width: 1200px;
    margin: 0 auto;
}
.mypage-left img{display: inline-block; margin:15px 20px 30px 0; opacity: 0.8; float: left;}
.mypage-left span{font-size: 16px; font-weight: 500;}
.mypage-left h2{font-size: 21px;font-weight: 300;}
.mypage-left span.percent{font-size: 30px;font-weight: 500;}
.mypage-left span.ten{
    font-size: 27px;
    font-weight: 500;
    margin-right: 10px;
}
.mypage-left .my-name{height: 70px;padding-left: 0;}
.mypage-left .my-name h2{font-size: 20px;float: left; font-weight: 400; width:70%; }
.mypage-left .my-name p{font-size: 17px; font-weight: 400; width: 70%; color:#4a4a4a;}
.mypage-left .left-box1{width: 30%; height: 100%; float: left; }
.mypage-left .left-box1,.left-box2{padding: 25px 25px;}
.left-box2 ul{margin-top: 35px;}
.left-box2 ul li{float: left; margin-right: 7.5%;}
.left-box2 ul li:last-child{margin-right: 0%;}
.left-box2 ul li:nth-child(1){margin-left: 30px;}
.left-box2 ul li{margin-bottom: 25px;}

.left-box3{width: 100%;}
.left-box3 .application-btn{
    background:#4bb7e2;
    color:#fff;
    border:none;
    margin: 0 auto;
    font-size:15px;
    font-weight:400;
    letter-spacing: 3px;
    height: 40px;
    width: 100%;
}
.mypage .mypage-right{
    width: 100%;
    clear: both;
    margin-top: 50px;
    max-width:1200px;
}
.mypage-right .right-box{
    width: 400px;
    height: 100px;
    float: left;
    margin-left: -1px;
    margin-bottom: -1px;
    border:  solid 1px #c1c1c1;
    transition: 0.2s all ease-in;
}
.right-box .center-box{
    width: 220px;
    height: 100px;
    margin: 0 auto;
    margin-top: 28px;
}
.mypage-right img{width: 41px;}
.center-box img,.center-box h1{display: inline-block;}
.center-box h1{
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0 0 26px;
}
.right-box .box-space h1{padding: 10px 0 0 35px;}

#applicationModal{
    max-width:800px;
    width:100%;
    padding-top: 100px;
    margin:100px 0 30px 0;
}

#applicationModal .body{
    max-width:500px;
    margin: 0 auto;
}
#applicationModal2{
    max-width:400px;
    width:100%;
    padding-top: 70px;
    padding-bottom: 0;
}
#applicationModal2 .close-x-btn{left: 170px;}
.body2 div{position: relative; top: -20px;}
.body2 div p{font-size: 15px;}
.body2 .modal-yes-btn{
    width: 40%;
    margin: 25px auto;
    height: 35px;
    background: #4bb7e2;
    cursor: pointer;
}
.body2 .modal-yes-btn p{color: #fff; letter-spacing: 4px;line-height: 40px;}
.body .modal-yes-btn a{color: #fff; letter-spacing: 4px;line-height: 50px; font-size: 15px; font-weight: 400;}

.body .application{margin-bottom: 50px;}
.utill-label-mypage{
    position: relative;
    text-align:left;
    font-size:22px;
    border-bottom: 4px solid #212529;
    padding-bottom:15px;
    margin-bottom:20px;
    font-weight: 550;
}
div ul.application-txt{
    height: 40px;
    background: #eff1f3;
    margin-bottom: 20px;
    border-radius: 24px;
}
div ul.application-txt span.bar{
    width: 15%;
    height: 40px;
    background: #4bb7e2;
    display: block;
    border-radius: 24px;
}
div ul.application-txt span.bar2{width: 50%;}
div ul.application-txt span.bar3{width: 100%;}
div ul.application-txt span.bar img{margin:7px 5px; float: right;}
div ul.application-txt-t{
    height: 100px;
    margin-bottom: 20px;
    font-weight: 500;

}
.txt-a{margin-top: 30px;width: 22%;}
.txt-b{margin-top: 40px;}
div ul.application-txt-t3{
    height: 60px;
    border-bottom: 1px solid #d3d3d3;
    font-size: 16px;
    font-weight: 400;
}
div ul.application-txt-t3 li{
    float: left;
    margin-right: 27%;
}
div ul.application-txt-t3 li:last-child{margin-right: 0;}
div ul.application-txt-t li{
    float: left;
    margin-right: 10%;
    font-size: 16px;
}
div ul.application-txt-t li.appli01,div ul.application-txt-t li.appli02,div ul.application-txt-t li.appli03{ width: 104px;height: 105px;}

section.a-r-m-all{
    clear: both;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 90px;
}
section.a-r-m-all h1{
    border-bottom: 2px solid #282828;
    padding-bottom: 0.5%;
    margin-bottom: 2%;
    font-size: 20px;
    font-weight: 500;
}
section.a-r-m-all .a-r-m ul.a-r-m-tabmenu{width: 100%;height: 40px; margin-bottom:-1px;}
section.a-r-m-all .a-r-m ul.a-r-m-tabmenu li{
    float: left;
    width: 10%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background: #fdfdfd;
    margin-right:-1px;
}
section.a-r-m-all .a-r-m ul.a-r-m-tabmenu li a{
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    display: block;
}
section.a-r-m-all .a-r-m ul.a-r-m-tabmenu li .select-m-t{
    background: #282828;
    border: none;
    height:38px;
    line-height:38px;
    color: white;
}
section.a-r-m-all .a-r-m .a-r-m-in{
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
    margin-bottom: 10%;
}
section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text{
    width: 100%;
    height:100px;
    background: #f2f9fd;
    border-bottom: 1px solid #ccc;
}
section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li{
    width: 20%;
    padding-top:15px;
    float: left;
    text-align: center;
    margin-left: 2%;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    height: inherit;
}
section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li:nth-child(1) span{border-right: 1px solid #ccc;}
section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li.border-right span{border-right: 1px solid #ccc;}
section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li span{
    display: block;
    width:100%;
    float: left;
}
section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li p{font-size: 16px;}
section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list{
    width: 100%;
    height: 300px;
    overflow-x:hidden;
    overflow-y:auto;
}
section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul{
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li{
    float: left;
    width: 18%;
    line-height: 80px;
    padding-left: 2%;
    font-size: 14px;
    font-weight: 300;
}
section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul.width-six li{width: 16%;}
section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li.max-width{width: 28%;}
section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li span.li-name{margin-right: 10px;}
section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li span.li-text{
    font-size:15px;
    font-weight: 500;
    padding: 5px 10px;
}
section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li span.charge{font-size: 12px;}

#passwordChangeArticle{
    max-width:500px;
    width:100%;
    padding:50px;
}
.body3 h1{
    font-size: 22px;
    font-weight:500;
    color: #212529;
    letter-spacing: -0.72px;
    margin-bottom: 40px;
}
#passwordChangeArticle .body3 p{margin-bottom: 20px;}
#passwordChangeArticle .body3 p label{
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 10px;
    float: left;
    letter-spacing:-0.56px;
}
#passwordChangeArticle .body3 .password{
    width: 100%;
    max-width: 500px;
    height: 60px;
    margin: 40px auto;
    background: #001639;
    border-radius: 10px;
    cursor: pointer;
}
#passwordChangeArticle .body3 .password p{
    font-size: 16px;
    letter-spacing: -0.72px;
    color: #fff;
    height:60px;
    line-height: 60px;
    font-weight: 400;
}

#passwordChangeArticle .body3 input{max-width:500px !important;}
#passwordchange-ok,#newsletterchange,#secession-ok{max-width: 500px; width: 100%; height: 180px;}
.body3 p.body3-p{margin-top:40px; font-size:14px; font-weight: 400; letter-spaicng: -0.52px;}

.membership ul li .member-texts-name2-3{cursor: pointer;}

#secession{max-width: 500px; width: 100%;  }

#secession .body3 select{
    width:100%;
    max-width: 400px;
    background:#fff;
    height: 50px;
    cursor: pointer;
    font-size:13px;
    color: #212529;
    padding:10px;
    letter-spacing: -0.72px;
}
#secession .body3 textarea{
    max-width: 400px;
    width: 100%;
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 5px;
    background: transparent;
}
#secession .body3 h1{margin-bottom: 10px; font-size:22px;  font-weight: 500; }
#secession .body3 p.secession-t{
    font-size: 12px;
    line-height: 18px;
    color: #61686f;
    font-weight: 400;
    margin-bottom: 20px;
    text-indent:-10px;
}
#secession .body3 .secession-txt{
    text-align: left;
    font-size: 12px;
    font-weight: 300;
    color: #61686f;
    line-height: 18px;
    letter-spacing: -0.72px;
    width:100%;
    max-width:400px;
    margin:0 auto 20px;
}
#secession .body3 p.secession-t2{font-weight: 400; letter-spaicng: -0.72px; font-size: 12px; color: #212529; margin-bottom:10px;}
#secession .body3 p.secession-t3{text-indent:-5px; padding-left: 10px;}
#secession .body3 label{font-weight: 400; font-size: 14px; color: #212529; letter-spacing: -0.54px;}
#secession .body3 .secession-txt-ok{
    width: 100%;
    height: 60px;
    max-width:400px;
    margin: 20px auto;
    background: #001639;
    border-radius: 10px;
    cursor: pointer;
}
#secession .body3 .secession-txt-ok p{
    line-height: 60px;
    letter-spacing: -0.72px;
    font-weight: 500;
    font-size:16px;
    color: #fff;
}

.consignation fieldset p input{width: 73%; height: 36px;}
.consignation fieldset p label{font-weight: 600;}
.consignation fieldset p .piece-size{width: 22%;}
.consignation fieldset p span{
    display: inline-block;
    margin:10px;
    letter-spacing: 3px;
    font-weight: 400;
}
.consignation fieldset div.file-box-txt{
    width: 100%;
    border-top: 1px solid #a1a1a1;
    margin-top: 40px;
    border-bottom: 1px solid #a1a1a1;
    height: 270px;
    padding-top: 20px;
}
.consignation fieldset div.file-box-txt p{
    font-weight: 600;
    display: inline-block;
    width: 25%;
    height: 140px;
    float: left;
}
.consignation fieldset div ul li{float: left;}
.consignation fieldset div div.filebox label{
    display: inline-block;
    padding: .5em .75em;
    color: #999;
    line-height: normal;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid gray;
    border-bottom-color: gray;
    border-radius: .25em;
    margin-bottom: 10px;
    font-weight: 500;
    letter-spacing: 1px;
}
.consignation fieldset div div.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}
.consignation fieldset div.file-box-txt ul.file-img{
    width:100%;
    height:auto;;
}
.consignation fieldset div.file-box-txt ul.file-img li{
    margin-left: 5%;
    font-size: 12px;
    font-weight: 300;
}
.consignation fieldset div.file-box-txt ul.important{
    width: 75%;
    float: right;
}
.consignation fieldset div.file-box-txt ul.important li{
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
    text-indent: -0.5em;
}
.consignation fieldset .consignation-box{padding: 20px;}
.consignation fieldset .consignation-box label{
    font-size: 14px;
    font-weight: 400;
    margin-left: 9%;
}
.consignation fieldset .consignation-box h3{
    font-size: 14px;
    font-weight: 500;
    margin-top: 30px;
    text-indent: -0.5em;
}
.consignation fieldset button.submit-btn{letter-spacing: 10px; margin-top: 35px;}

#consignation-ok{
    max-width: 500px;
    width: 100%;
}
#consignation-ok .main-btn{
    max-width: 350px;
    width:100%;
    height: 50px;
    margin: 0 auto;
    margin-top: 30px;
    background: #001639;
}
#consignation-ok .main-btn a{
    line-height: 50px;
    color: #fff;
    letter-spacing: -0.52px;
}
.auctions-main{
    width: 100%;
    background: #fdfbf2;
    height: 250px;
}
.product-page .total-auctions{
    padding-top:30px;
    margin-top:0px;
    margin-bottom:0px;
}
.product-page .preview-time{
    width: 100%;
    height: 38px;
    margin-bottom: 50px;
}
.auctions-sorting-search{margin-bottom: 20px;}

.preview-text{
    width: 100%;
    max-width: 1200px;
    margin-top: 25px;
}
.preview-text ul{width: 100%;}
.preview-text ul li.preview-text-box{
    width: 25%;
    float: left;
    height: 100px;
    text-align: center;
    position: relative;
    border-radius: 30px 30px 0 0;
    border: 0.5px solid #d4d4d4;
    border-bottom: none;
}
.preview-text ul li.preview-text-box-opacity:after{
    border-radius: 30px 30px 0 0;
    border: 0.5px solid #d4d4d4;
    content : "";
    border-bottom: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity : 0.5;
    z-index: -1;
}
.preview-text ul li.preview-text-box h1,.preview-text ul li.preview-text-box h2{margin-top: 5%; color: #484848; font-weight: 600;}
.preview-text ul li.preview-text-box:nth-child(2){
    padding: 1.5%;
    text-align: left;
    padding-left: 30px;
    background: rgba(250, 130, 41, 0.06);
    font-size: 11px;
    letter-spacing: 1px;
    color: #000000;
}
.preview-text ul li.preview-text-box>ul>li:nth-child(4){float: right;}
.preview-text ul li.preview-text-box>ul>li>span.questions-box{
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.preview-text ul li.preview-text-box:nth-child(3){
    background: url(/images/fo/artlogo.png)no-repeat center center;
    background-size: cover;
    line-height: 100px;
    font-size: 15px;
}
.preview-text ul li.preview-text-box .preview-text-detail{
    position: absolute;
    font-size: 12px;
    width: 300px;
    z-index: 100;
    right: -100px;
    bottom: -90px;
    background: #fff;
    height: 100px;
    border: 1px solid #ccc;
    padding: 10px;
    display: none;
}
.preview-text strong{color: #484848; font-weight: 500;}
.preview-text ul li.preview-text-box a{border: 4px solid rgba(239, 239, 239, 0.35); padding: 3%;}
.preview-text ul li.preview-text-box a:nth-child(1){display: none;}
.scrolls{
    transform: translate(0px,-200px);
    opacity: 0;
    transition: all 0.6s;
}

.product-page .product-list .auctions-name{font-weight: bold;}
.product-page .product-list .auctions-about{font-weight: 400; letter-spacing: 1px;}
.product-page .product-list .product-state .auctions-state span{float: right;}
.product-page .product-list .product-state .auctions-state span.size-span{float:none; }
.product-page .product-list .product-state .auctions-time{margin-top: 20px;}
.product-page .product-list .product-text .auctions-box{
    width: 100%;
    height: 60px;
    margin-top: 10px;
    text-align: center;
}
.product-page .product-list .product-text .auctions-box a{
    color: white;
    font-size: 16px;
    line-height: 60px;
    letter-spacing: -0.72px;
    width: 100%;
    height: 60px;
    font-weight: 500;
    display: block;
}
.product-page .product-list .auctions-box-finish{
    background: #fff;
    width: 100%;
    height: 60px;
    margin-top: 10px;
    text-align: center;
}
.product-page .product-list .auctions-box-finish a{
    line-height: 60px;
    letter-spacing: -0.72px;
    width: 100%;
    height: 60px;
    display: block;
    font-weight: 500;
}
.auctions-detail-news{border-bottom:none;}
.detail-bottom .auctions-name{font-weight:600;text-align: center;}
.detail-bottom .auctions-name1{border-left:1px solid rgb(214, 214, 214); border-right: 1px solid rgb(214, 214, 214);}
.detail-bottom .auctions-name p{
    font-size: 11px;
    font-weight: 400;
    color: #2f2f2f;
    letter-spacing: 1px;
    text-align:right;
}
.btn-area .auctions-buy-btn{
    width:400px;
    height:55px;
    background:#f17519;
    display:inline-block;
    color:#fff;
    font-size:20px;
    letter-spacing:10px;
    text-align: center;
    line-height:55px;
}
.auctions-detail-infor{
    margin-bottom: 160px;
    border-bottom: 1px solid rgb(214, 214, 214);
    border-top:none;
}
.auctions-detail-infor .auctions-font h1{
    color: #f17519;
    font-size: 16px;
    font-weight: 500;
}
.auctions-detail-infor .auctions-font .info-product-in p strong{margin-top:15px;}
.auctions-detail-infor .auctions-font .info-product-in p.artist-img{max-width: 300px; max-height: 500px;display: inline-block;overflow: hidden;}
.auctions-detail-infor .auctions-font .info-product-in p.artist-img>img{width:100%;}

.auctions-detail-news table thead tr th{
    font-size: 15px;
    font-weight: 500;
    line-height: 50px;
    border-bottom: 2px solid rgb(214, 214, 214);
}
.auctions-detail-news fieldset tbody{height: 200px;display: block;}
.auctions-detail-news table tbody tr td{
    width: 10%;
    font-size: 15px;
    font-weight: 300;
    line-height: 50px;
    border-bottom: 1px solid rgb(214, 214, 214);
    text-align: center;
}

.auctions-detail-news table tbody tr:nth-child(1){background: rgba(138, 92, 74, 0.06);}
.auctions-detail-news table tbody tr:nth-child(1) td:nth-child(2){
    background: url(/images/fo/auctionok-icon.png)no-repeat right;
    background-size: contain;
}

#auctionsModal{width: 100%;}
#auctionsModal .body h1{font-size: 19px;margin: 30px;}
#auctionsModal2 .body h1{font-size: 19px; margin: 5px; margin-top: 30px;}
#auctionsModal .body p,#auctionsModal2 .body p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 40px;
}
#auctionsModal .body .modal-yes-btn,#auctionsModal2 .body .modal-yes-btn{
    max-width: 400px;
    width: 100%;
    margin: 25px auto;
    height: 50px;
    background: #212529;
    cursor: pointer;
}
#auctionsModal .body .modal-yes-btn,#auctionsModal2 .body #terms{background: #4bb7e2;}
#auctionsModal .body .modal-yes-btn p,#auctionsModal2 .body .modal-yes-btn p{
    color: #fff;
    letter-spacing: 4px;
    line-height: 50px;
    font-weight: 400;
    font-size: 18px;
}
.auctions-choice{
    width: 100%;
    margin:0 auto;
    max-width:400px;
}
.auctions-choice h2{
    width: 30%;
    height: 35px;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    float: left;
}
.auctions-choice-box{
    width: 100%;
    max-width: 200px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #ccc;
    display: inline-block;
    margin-bottom: 2px;
}

#reqAmt{width:70%; text-indent:10px; text-align:right; padding-right:2%;}
span#amtKorean{
    width:70%;
    max-width:400px;
    text-align: right;
    float:right;
    display: block;
    height: 20px;
}
.auctions-choice-txt{
    width: 100%;
    font-size: 12px;
    text-align: right;
    display: inline-block;
}
.toggle-button-cover{
    display: table-cell;
    position: relative;
    width: 70%;
    height: 50px;
    box-sizing: border-box;
}
.button-cover{height: 35px;}
.button-cover:before{
    position: absolute;
    right: 0;
    bottom: 0;
    color: #d7e3e3;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
}
.button-cover, .knobs, .layer{
    position: absolute;
    top: 0;
    bottom: 0;
}
.toggle-button-cover .button-cover .button{
    position: relative;
    top: 50%;
    width: 100px;
    height: 35px;
    margin: -20px auto 0 auto;
}
.button.r, .button.r .layer{border-radius: 100px;}
.button.b2{border-radius: 2px;}
.checkbox{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}
.knobs{z-index: 2;}
.layer{
    width: 100%;
    background-color: #fdfbf2;
    border: 1px solid #f17519;
    transition: 0.3s ease all;
    z-index: 1;
}
#button-3 .knobs:before{
    content: ' 닔 룞';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    line-height: 1;
    padding: 10px 4px;
    background-color: #f17519;
    border-radius: 50%;
    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
}

#button-3 .checkbox:active + .knobs:before{width: 46px; border-radius: 100px;}
#button-3 .checkbox:checked:active + .knobs:before{margin-left: -26px;}
#button-3 .checkbox:checked + .knobs:before{
    content: ' 옄 룞';
    left: 64px;
    color:#f17519;
    background-color: #fff;
}
#button-3 .checkbox:checked ~ .layer{background-color: #f17519;}

.consignation h1.utill-label{padding-bottom: 25px;}
.consignation-auctions fieldset h2{
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
}

.auctions-tabmenu .auctions-test table{width: 100%; font-weight: 300;}

.auctions-tabmenu #tab1 .auctions-test table thead{ width: 100%; font-size: 15px;}
.auctions-tabmenu #tab1 .auctions-test table>thead>tr{
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 3px rgba(195,195,195,0.5);
}
.auctions-tabmenu #tab1 .auctions-test table>thead>tr>th{
    height: 50px;
    width: 12%;
    display: inline-block;
    line-height: 50px;
}
.auctions-tabmenu #tab1 .auctions-test table>thead>tr>th:nth-child(1){width: 7%;}
.auctions-tabmenu #tab1 .auctions-test table>thead>tr>th:nth-child(2){width: 7%;}
.auctions-tabmenu #tab1 .auctions-test table>thead>tr>th:nth-child(3){width: 26%;}
.auctions-tabmenu #tab1 .auctions-test table>thead>tr>th:nth-child(5){width: 17%;}
.auctions-tabmenu #tab1 .auctions-test table>thead>tr>th:nth-child(6){width: 16%;}
.auctions-tabmenu #tab1 .auctions-test table>tbody>tr{height: 80px;margin-bottom: 18px; transition: 0.3s all ease-in; border: 1px solid #ccc; display: block; border-radius: 5px;}
.auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td{
    width: 15%;
    padding: 10px 0px;
    font-size:15px;
    display: inline-block;
    position: relative;
}
.auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(1){
    padding-left: 1%;
    width:9%;
    height: 80px;
}
.auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(1) .img-test{
    width: 60px;
    overflow: hidden;
    height: 60px;
}
.auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(1) .img-test img{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(2){
    margin-right: 0%;
    width:12%;
    font-size: 13.5px;
}
.auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(3){
    font-size: 16px;
    width: 200px;
    padding-left: 1%;
}
.auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(4){padding-left: 4%;}
.auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(5){margin-left: 0%; text-align: center;}
.auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(6){padding-left: 3%;text-align: center;}
.auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(7){
    margin-left: 0px;
    width: 12%;
    border-radius: 5px;
    border: 1px solid #f17519;
    background: #fdfbf2;
    height: 40px;
    text-align: center;
    line-height:20px;
}
.auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(7) a{
    color: #f17519;
    font-weight: 600;
    display: inline-block;
    height: inherit;
    width: 100%;
    height: 40px;
    letter-spacing: 1px;
}
.auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(7) a.text-light-finish{color: #080808; font-weight: 300;}

.auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td .hover-img img{
    position: absolute;
    top: 50px;
    z-index:10000;
    display: none;
    overflow: hidden;
}

article.auctions-number{
    width: 100%;
    max-width: 1200px;
}
.main-txt-auctions{
    margin-bottom: 50px;
    height: 150px;
    text-align: center;
}
.main-txt-auctions p{
    font-size: 10px;
    font-weight: 400;
    color: #f17519;
    letter-spacing: 1px;
    margin-bottom: -2px;
    padding-top: 45px;
    margin-right: 18.5%;
}
.main-txt-auctions h1{
    font-size: 30px !important;
    font-weight: 500 !important;
    padding-top: 0 !important;
    color: black !important;
    margin-bottom: 15px !important;
    margin-right: 15%;
}
.selector-box-tab ul li{float: left;}
.selector-box-tab ul li a i{
    color: #c4c4c4;
    font-size: 35px;
    margin-bottom: 30px;
}
.selector-box-tab ul li a i.material-icons2{font-size: 30px; margin-top: 2.5px;}
i.material-icons{color: #868e96 !important;}

.auctions-box2 table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 5px;
    margin-bottom: 20px;
}
.auctions-box2 table thead{width: 100%;}
.auctions-box2 table thead tr{
    width: 100%;
    height: 40px;
    background: #ebebeb;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 300;
}
.auctions-box2 table tbody{width: 100%;}
.auctions-box2 table tbody tr{width: 100%;height: 100px;}
.auctions-box2 table tbody tr td{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
}
.auctions-box2 table tbody tr td:nth-child(1){width: 120px;}
.auctions-box2 table tbody tr td div.td-img{
    width: 80px;
    height: 80px;
    margin-left: 20px;
    background: #f5f5f5;
}
.auctions-box2 table tbody tr td div.td-img>div{
    width: 20px;
    height: 20px;
    float: left;
    overflow: hidden;
}
.auctions-box2 table tbody tr td div.td-img>div img{height: 100%;}
.auctions-box2 table tbody tr td div.gogo-box{
    width: 85%;
    height: 40px;
    background: #f17519;
}
.auctions-box2 table tbody tr td a{
    display: block;
    color: white;
    letter-spacing: 1px;
    font-weight: 300;
    line-height: 40px;
}

/*auctions*/
.auctions-number .panel .auctions-number-text .product-state-auctitons{padding: 20px;}
.auctions-number .panel .auctions-number-text .auctions-state2{
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.auctions-number .panel .auctions-number-text .auctions-state2 span{float: right; font-weight: 500; letter-spacing: 1px;}
.auctions-number .panel .auctions-number-text .auctions-time{color: #f17519; text-align: center; margin:25px 0 10px 0;}
.auctions-number .panel .auctions-number-text .auctions-number-box{
    width: 100%;
    height: 45px;
    background: #cccccc;
    color: gray;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    letter-spacing: 1px;
    transition: 0.2s ease-in;
}
.auctions-number .panel .auctions-number-text .auctions-number-box:hover{background: #9b9b9b;}
.auctions-number .panel .auctions-number-text .auctions-number-box a{
    font-weight: 500;
    color: white;
    width: 100%;
    height: auto;
    display: inline-block;
}
.auctions-number .panel h2{
    border-bottom:1px solid #979797;
    font-size: 22px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    line-height: 18px;
    color:#282828;
}

section#tab2 ul li div.auctions-img-a{background: #f5f5f5;}
section#tab2 ul li div.auctions-img-a a div{
    width: 25%;
    height: 90px;
    float: left;
    overflow: hidden;
}
section#tab2 ul li div.auctions-img-a a div img{width: 100%;}

.rental-service .rental-service-nav .rental-ok{
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 20px;
}
.rental-service .rental-service-nav .sliders1 .cont2-text{
    border: solid 1px #e4e4e4;
    padding: 20px;
    height: 140px;
}
.rental-service .rental-service-nav .sliders1 .cont2-text p.auction-krw-in{
    float: right;
    margin-top: 30px;
    font-size: 15px;
    font-weight: 500;
}
.rental-service .rental-service-nav .sliders1 .cont2-text p.auction-krw{
    float: left;
    margin-top: 30px;
    font-size: 15px;
    font-weight: 400;
}
.rental-service .rental-service-nav .sliders1 .cont2-text p.product-author{
    font-size: 18px;
    font-weight: 400;
    color: gray;
}
.container_explanation{position: relative; z-index: 1000;}

.rental-service .rental-service-nav .normal_stl{font-weight: 400;}

/*.banner{*/
/*    position:relative;*/
/*    max-width: 1000px;*/
/*    width: 100%;*/
/*    height: 560px;*/
/*    margin: 0 auto;*/
/*}*/
/*.banner h2{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 50px;*/
/*}*/
.banner .ban{
    max-width: 800px;
    width: 100%;
    height: 560px;
    overflow: hidden;
    padding-top: 35px;
    margin-left: 11%;
}
.banner .ban ul{
    width: 1480px;
    position: relative;
    left: -395px;
}
.banner .ban ul li{
    float: left;
    margin-right: 25px;
    width: 370px;
    height: 350px;
}

.ban_left{
    position: absolute;
    top: 200px;
    left: 25px;
    cursor: pointer;
}
.ban_right{
    position: absolute;
    top: 200px;
    right: 25px;
    cursor: pointer;
}
.ban_btn span{
    display: inline-block;
    width: 30px;
    height: 30px;
}
.ban_btn .ban_left{background: url(/images/fo/prev1.png) no-repeat;}
.ban_btn .ban_right{background: url(/images/fo/next1.png) no-repeat;}

.rental-buy-form{ background: #fff; padding:30px; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);}
.rental-buy-form{width:100%; max-width: 1000px !important; }
.rental-buy-form .company-left h3,
.rental-buy-form .company-right h3{margin-bottom:40px !important; font-size: 18px; color: #343a40; font-weight: 500; letter-spacing: -0.72px;}

.rental-buy-form h1.utill-label{margin-bottom: 30px; padding-bottom: 30px;}
.rental-buy{max-width:1000px;}
.rental-buy >div{ width: 100%;max-width: 470px;}

.rental-buy .company-left .company-rental{width:100%; height: auto; background: #fafcfd; padding:15px;}
.rental-buy .company-left .company-rental .company-img-box{background:#fff; width: 140px; height: 140px; margin:0 auto;}
.rental-buy .company-left h3.h3_plus{margin: 50px 0px 30px 0px !important;}

.rental-buy .company-left .company-rental .company-img-box img{width: 100%;}
.rental-buy .company-left{border-right:none;padding-right: 20px;}
.rental-buy .company-left .company-left-bottom{width:100%;}
.rental-buy .company-left .company-left-bottom p{width:100%; margin-bottom:20px;}
.rental-buy .company-left .company-left-bottom p:nth-child(2),
.rental-buy .company-left .company-left-bottom p:nth-child(4){ margin-bottom:3px;}
.rental-buy .company-left .company-left-bottom span.re-red{margin-bottom:20px; text-align:right; display: inherit; font-size:12px; letter-spacing:-0.72px;  }
.rental-buy .company-left .company-left-bottom p>label{padding:0px; margin:0px; vertical-align: top; line-height:50px;}
.rental-buy .company-left .company-left-bottom p.file-plusP{width: 24.6%; float: left;}
.rental-buy .company-left .company-left-bottom p.file-plusP>label{line-height: 50px; width:100%; }
.rental-buy .company-left .company-left-bottom .File-in{width: 100%;}
.rental-buy .company-left .company-left-bottom .File-in label{position: relative;cursor: pointer;background: #4386f9;display: inline-block;font-weight: bold; font-size: 16px;letter-spacing: -0.64px;vertical-align: middle;overflow: hidden;  width: 170px;height: 50px;color: #fff;text-align: center;line-height: 50px;}
.rental-buy .company-left .company-left-bottom .File-in input{display:none;}
.rental-buy .company-left .company-left-bottom .File-in ul.file-img li{width: 50%; float: left;font-size: 14px;font-weight: 400;color: #868e96;}

.rental-buy .company-left .company-left-bottom span.rental-check{width:75%; display:inline-block; height: 50px;}
.rental-buy .company-left .company-left-bottom span.rental-check input{display:none;}

.rental-buy .company-left .company-left-bottom span.rental-check input[id="rental-check1"] + label {
    cursor: pointer;
    width: 50%;
    float: left;
    padding: 0px;
    font-weight: 500;
    letter-spacing: -0.64px;
    color: #adb5bd;
    font-size: 16px;
    border: 1px solid #e9ecef;
    height: 50px;
    text-align: center;
    line-height: 50px;
}
.rental-buy .company-left .company-left-bottom span.rental-check input[id="rental-check2"] + label {
    cursor: pointer;
    width: 50%;
    float: left;
    padding: 0px;
    font-weight: 500;
    letter-spacing: -0.64px;
    color: #adb5bd;
    font-size: 16px;
    border: 1px solid #e9ecef;
    height: 50px;
    text-align: center;
    line-height: 50px;
}
.rental-buy .company-left .company-left-bottom span.rental-check input:checked + label {
    border: 1px solid #001639;
    color: #001639;
    cursor: pointer;
}

.rental-buy .company-left .company-left-bottom span.rental-checked{width:75%; display:inline-block; height: 50px;}
.rental-buy .company-left .company-left-bottom span.rental-checked input{display:none;}

.rental-buy .company-left .company-left-bottom span.rental-checked input[id="rental-check3"] + label {
    cursor: pointer;
    width: 50%;
    float: left;
    padding: 0px;
    font-weight: 500;
    letter-spacing: -0.64px;
    color: #adb5bd;
    font-size: 16px;
    border: 1px solid #e9ecef;
    height: 50px;
    text-align: center;
    line-height: 50px;
}
.rental-buy .company-left .company-left-bottom span.rental-checked input[id="rental-check4"] + label {
    cursor: pointer;
    width: 50%;
    float: left;
    padding: 0px;
    font-weight: 500;
    letter-spacing: -0.64px;
    color: #adb5bd;
    font-size: 16px;
    border: 1px solid #e9ecef;
    height: 50px;
    text-align: center;
    line-height: 50px;
}
.rental-buy .company-left .company-left-bottom span.rental-checked input:checked + label {
    border: 1px solid #001639;
    color: #001639;
    cursor: pointer;
}
.rental-buy .company-left ul{
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
}
.rental-buy .company-left ul>li{
    margin-bottom: 5px;
    font-size:13px;
    color: #343a40;
}
.rental-buy .company-left ul li span{
    width: 95px;
    font-weight:500;
    display: inline-block;
    color: #adb5bd;
    font-size:14px;
    letter-spacing:-0.56px;
}
.rental-buy .company-right{border-left: 1px solid #e9ecef; }
.rental-buy .company-right p{margin-bottom: 20px;}
.rental-buy p>label{
    padding-bottom: 5px;
    margin-top: 5px;
    color: #adb5bd;
    letter-spacing:-0.56px;
    font-size: 13px;
    width: 24%;
    display:inline-block;
    font-weight:500;
}
.rental-buy p input{width: 75%;}

/*01.07*/
input#zipCode{width: 66%;}
section.rental-bg-gray{padding-bottom:200px; }

.rental-buy .submit-btn{height: 60px; font-size:20px;  top: 40px;}
.rental-buy .company-right p span.search-btn-rental{
    width: 15%;
    background: #4386f9;
    height:50px;
    cursor: pointer;
    float:right;
}
.rental-buy .company-right p span.search-btn-rental a{
    color: #fff;
    font-weight: 500;
    letter-spacing: -0.52px;
    line-height: 50px;
    display: block;
    height: 50px;
    text-align: center;
}
.rental-list li p.rental-moneyM{margin-top:5px !important;}
.rental-list li p.rental-money:last-child{margin-top:35px;}
.rental-list li p.rental-money{
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.52px;
    margin-top:25px;
    position: relative;
}
.rental-list li p.rental-money span{float: right; font-size: 15px; font-weight: 500;}
.rental-list li p.rental-money span strong{color: #868e96; font-size:12px; font-weight:400;}
.rental-list li p.rental-money span.rentalM{color: #e85577; width: 70%; text-align: right;}
.rental-list li p.rental-money span.question-mark{}
.rental-list li p.rental-money span.question-txt{
    position: absolute;
    z-index:10;
    color:#212529;
    width: 170px;
    height: auto;
    display:inline-block;
    text-align: left !important;
    right:5px;
    display:none;
    padding: 5px;
    bottom:-35px;
    background-color: #fff;
    letter-spacing: -0.72px;
    background: #f1f3f5;
    border: 1px solid #e9ecef;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06);
    box-shadow: 0 3px 9px rgba(52, 58, 64, 0.06);
    color: #868e96;
    font-size: 12px;
    font-weight: 300;
}
.rental-list li p.rental-money span.question-mark img{margin: 0px 0px 5px 5px; display:inline-block; width:15px; height: 15px;  vertical-align: middle;}

.rental-detail-right .buy-btn{background: #e39c9a;}
.rental-detail-right .buy-btn:hover{box-shadow: none;}
.rental-detail-bottom .rental-name{background: #FFFCFC; color:  #F8A19F;}
.rental-detail-bottom .rental-info-product h1{color: #F8A19F;}
.rental-detail-bottom .rental-infor{ margin-bottom: 100px;}
.rental-detail-bottom .rental-txt h1{color: #F8A19F; font-weight: 500; width:100px;}
#buyModal section.rental-body p{font-weight: 400;}

#map{margin-bottom:20px;}
#map,#rental-place img{
    width: 100%;
    max-width: 1000px;
    height: inherit;
}
.rental-detail-right-after .buy-btn{
    background: #e1e5e8;
    color: #adb5bd;
    font-weight: 600;
}
.rental-place-txt{
    width: 100%;
    max-width: 1200px;
    margin: 60px auto 50px;
    text-align: center;
}
.rental-place-txt h1{font-size: 42px;}
.rental-place-txt p{
    font-size: 16px;
    margin-top: 20px;
    font-weight: 400;
}
#rental-place-map{
    width: 100%;
    max-width: 1200px;
    height: 800px;
    margin:  0 auto;
    display: block;
}
#rental-place-map .rental-map{
    width: 70%;
    height: 700px;
    padding-bottom: 100px;
    float: left;
}
#rental-place-map .rental-map img{width: 100%;height: 100%;}
#rental-place-map .rental-map-product{
    padding-left: 20px;
    width:30%;
    height: 700px;
    float: left;
}
#rental-place-map .rental-map-product ul.rental-map-txt{
    width: 100%;
    height: 70px;
    background: #001639;
    border: 1px solid #001639;
    color: #fff;
    clear: both;
}
#rental-place-map .rental-map-product ul.rental-map-txt li{
    font-size: 16px;
    padding-left: 10%;
    font-weight: 500;
    margin-top: 20px;
}
#rental-place-map .rental-map-product ul.rental-map-txt .rental-line{
    height: 15px;
    width: 3px;
    border: none;
    background: #F8A19F;
    margin-top: 25px;
    margin-left: 20px;
    float: left;
}
#rental-place-map .rental-map-product .map-product-scroll{
    width: 100%;
    background: #fff;
    border: 1px solid #E9ECEF;
    overflow-x:hidden;
    overflow-y:auto;
    height: 630px;
}
#rental-place-map .rental-map-product .map-product-scroll ul li{
    width: 100%;
    height: 150px;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    transition: 0.3s all ease-in;
    cursor: pointer;
}
#rental-place-map .rental-map-product .map-product-scroll ul li div{
    width: 90px;
    height: 120px;
    overflow: hidden;
    flow-from: left;
    display: inline-block;
    text-align: center;
}

#rental-place-map .rental-map-product .map-product-scroll ul li div img{width: 100%;display: inline-block;}
#rental-place-map .rental-map-product .map-product-scroll ul li p{
    width: 60%;
    float: right;
    margin-top: 0px;
    font-weight: 400;
    font-size: 13px;
    margin-top: 40px;
}
#rental-place-map .rental-map-product .map-product-scroll ul li p span{width: 100%;display: block;}

article .market{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 50px;
}
.market h1{text-align: center; font-size: 42px;}
article.market-number section.market-panel{
    position: relative;
    margin-bottom:50px;
}
article.market-number section.market-panel .market-box{margin-bottom: 100px;}
article.market-number section.market-panel .market-box table{
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border-top: none !important;
    border: 1px solid #ccc;
}
article.market-number section.market-panel .market-box table thead tr{position: absolute;top: 0;}
article.market-number section.market-panel .market-box table thead tr th{
    font-weight: normal;
    height: 50px;
    background:#848484;
    color:#fff;
    font-size: 14px;
    letter-spacing: 3px;
}
article.market-number section.market-panel .market-box table td{
    text-align: center;
    height: 50px;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
}
article.market-number section.market-panel .market-box table tr{
    display: inline-table;
    width: 100%;
    table-layout: fixed;
}
article.market-number section.market-panel .market-box table tbody tr{display: table-row;}
article.market-number section.market-panel .market-box table tbody tr td span{
    width: 20px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
}

.market-page-detail{margin-top:50px;}
.market-page-detail .market-detail .market-detail-left{
    width:45%;
    max-height: 1200px;
    height: 100%;
}
.market-page-detail .market-detail .market-detail-right{
    width:55%;
    padding-left:50px;
    margin-top: 100px;
    max-height: 1200px;
    height: 100%;
}

.market-detail .market-detail-left .bxslider li{
    overflow: hidden;
    width: 50%;
    text-align: center;
    margin-right: 1px;
}
.market-detail .market-detail-left .bxslider li img{width: 100%;}

.market-detail .market-detail-left .market-detail-text .detail-texts li span.detail-texts-name1{font-size: 19px;color: #292929;}
.market-page-detail .side-btn .lbtn{top:25%;}
.market-page-detail .side-btn .rbtn{top:25%;}

.market-detail .market-detail-left .market-detail-text .detail-right-text .product-name{padding-top: 20px;}
.market-detail .market-detail-left .market-detail-text .detail-texts{margin: 0px; padding: 0px;}
.market-detail .market-detail-left .market-detail-text .detail-texts li{height:50px;line-height:50px;}
.market-detail .market-detail-left .market-detail-text .detail-texts li:nth-child(1){margin-top: 20px;}
.market-detail .market-detail-left .market-detail-text .detail-texts li img{margin-right: 20px; margin-top: 15px;}
.market-detail .market-detail-left .market-detail-text .market-btn .market-btn2{
    margin-right:75px;
    background: #fff !important;
    border: 1px solid #ccc;
    color: #454545;
    font-weight: 500;
}
.market-detail .market-detail-right .information-name{
    background: #ededed;
    height: 40px;
    text-align:center;
    line-height: 40px;
    color: #2c2c2c;
    font-size: 17px;
    font-weight: 500;
}
.market-detail .market-detail-right .chart{margin-top: 80px;}
.market-detail .market-detail-right .online-chart img{width: 100%;margin-top: 20px;}

.table-box-wrap {
    position: relative;
    margin-top: 20px;
    padding-top: 40px;
    border: 1px solid #ccc;
}
.table-box-wrap .market-online {
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
}
.table-box-wrap .market-online table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
}
.table-box-wrap .market-online table thead tr {position: absolute;top: 0;}
.table-box-wrap .market-online table thead tr th {
    font-weight: normal;
    width: 120px;
    height: 40px;
    background:#848484;
    color:#fff;
    font-size: 13px;
    letter-spacing: 2px;
}
.table-box-wrap .market-online table td {
    text-align: center;
    height: 40px;
    border-top: 1px solid #ccc;
}
.table-box-wrap .market-online table tr {
    display: inline-table;
    width: 100%;
    table-layout: fixed;
}
.table-box-wrap .market-online table tbody tr {display: table-row;}

.market-detail-infor{border-bottom:none;}
.market-detail-bottom{margin-top: 50px;}
.market-detail-bottom .information-name{color:#2c2c2c;background:#ededed;}
.market-detail-bottom .information-name1{border-left:1px solid #ccc; border-right: 1px solid #ccc;border-bottom:1px solid #ccc;}
.market-detail-bottom .information-name2{border-left:none; border-right: none;border-bottom: 1px solid #ccc;}
.market-detail-bottom h1.market-text{color: darkslategray;font-weight: 500;}
.market-detail-bottom .info-graph{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 2%;
}
.market-detail-bottom .info-graph h1{
    width: 100px;
    font-size: 15px;
    display: block;
    float: left;
    margin-bottom: 20px;
}
.market-detail-bottom .info-graph .graph-in img{width: 100%;}

.market-btn .market-btns{width: 100%;margin-top: 10px;}
.market-btn .market-btns li{float: left;width: 90%;}
.market-btn .market-btns .btn-m{
    height: 55px;
    text-align:center;
    display: block;
    background: gray;
    color: white;
    font-weight: 300;
    letter-spacing: 10px;
    font-size: 18px;
    line-height: 55px;
    margin-right: 5%;
}
.market-btn .market-btns .market-share-btn{
    width:10%;
    height:55px;
    position: relative;;
    border:1px solid rgb(167, 167, 167);
    text-align: center;
}
.market-btn .market-btns .market-share-btn i{font-size:35px;line-height: 53px;}
.market-btn .share-btn-ins{
    display:none;
    position: absolute;
    right: 0;
    width:255px;
    height:70px;
    padding:10px;
    border:1px solid rgb(187, 187, 187);
    background:#fff;
    margin-top: 10px;
}
.market-btn .share-btn-ins .arrow{display: block;}
.market-btn .share-btn-ins li{float: left; padding:0 5px;}

article.market-modal{
    max-width: 1000px;
    width: 100%;
    margin-top: 70px;
}
.market-buy-product{
    margin-top: 30px;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    padding: 20px 0px;
    margin-bottom: 50px;
}
.market-buy-product ul li{
    font-weight:400;
    float: left;
    width: 21%;
    text-align: left;
}
.market-buy-product ul li:nth-child(1){
    float: left;
    font-weight:500;
    width: 35%;
    margin-left: 2%;
    text-align: left;
}
.market-buy-product ul li.color,.market-buy-product ul li span.color{font-size:18px; font-weight: 400;}
.market-buy-product ul li span.color{margin-right: 3%;}
.market-buy-product ul li img{margin-top: 10px; margin-left: 3%;}

.market-buy-all{width: 100%;}
.market-buy-all .market-buy-left{
    width: 45%;
    float: left;
    margin-right: 5%;
}
.market-buy-all .market-buy-left>table>thead tr th.hover_piece1{position: relative;cursor: pointer;}
.market-buy-all .market-buy-left .piece img{
    position: absolute;
    top: 300px;
    left: -150px;
    display: none;
}
.market-buy-all .market-buy-left>table>thead tr th.hover_piece2{position: relative; cursor: pointer;}
.market-buy-all .market-buy-left .piece2 img{
    position: absolute;
    top: 300px;
    left: 400px;
    display: none;
}
.market-buy-all .market-buy-left table tbody tr td.market-tdbox{
    border: 1.5px solid #868686;
    box-shadow: 0 0 7px 7px rgb(241, 241, 241);
}

.market-buy-all .market-buy-left table thead tr{width: 100%;}
.market-buy-all .market-buy-left table thead tr th{
    width: 10%;
    height: 50px;
    font-size: 14px;
    border-top: 6px solid #636363;
    border-bottom: 1px solid #212529;
}
.market-buy-all .market-buy-left table tbody tr{width: 100%;border-bottom: 1px solid #ccc;}
.market-buy-all .market-buy-left table tbody tr td{height: 40px;font-weight: 400;}
.market-buy-all .market-buy-right{width: 50%;float: right;}
.market-buy-right #tabmenu-market .tab li{
    width: 33.3%;
    height: 50px;
    float: left;
    border: 1px solid #ccc;
}
.market-buy-right #tabmenu-market .tab li a{
    display: block;
    color: #656565;
    font-size: 15px;
    letter-spacing: 3px;
    line-height: 50px;
    text-align: center;
    font-weight: 500;
}
.market-buy-right #tabmenu-market .tab li a.selected{
    color: #4bb7e2;
    background: #fff;
    border-top: 4px solid #4bb7e2;
    font-weight: bold;
}
#tabmenu-market ul.market-panel{border-left: 1px solid #ccc;}

#tabmenu-market ul.market-panel #tab1,#tabmenu-market ul.market-panel #tab2{padding-top: 22%;padding-left: 5%;}
#tabmenu-market ul.market-panel #tab1 p,#tabmenu-market ul.market-panel #tab2 p{
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
}
#tabmenu-market ul.market-panel #tab1 p label,#tabmenu-market ul.market-panel #tab2 p label{
    font-size: 15px;
    display: inline-block;
    width: 20%;
    font-weight: 400;
}
#tabmenu-market ul.market-panel #tab1 p input,#tabmenu-market ul.market-panel #tab2 p input{height: 40px;width: 55%;}
#tabmenu-market ul.market-panel #tab1 p a,#tabmenu-market ul.market-panel #tab2 p a{
    display: inline-block;
    float: right;
    height: 40px;
    margin-right: 6%;
}
#tabmenu-market ul.market-panel #tab1 p a img,#tabmenu-market ul.market-panel #tab2 p a img{margin-top: 0px;}
#tabmenu-market ul.market-panel #tab1 p .market-copy-btn,#tabmenu-market ul.market-panel #tab2 p .market-copy-btn{
    width: 15%;
    height: 40px;
    border: none;
    color: white;
    letter-spacing: 2px;
    cursor: pointer;
    background: #4bb7e2;
}
#tabmenu-market ul.market-panel #tab1 .market-total,#tabmenu-market ul.market-panel #tab2 .market-total{
    margin-top: 30px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 30px 0;
}
#tabmenu-market ul.market-panel #tab1 .market-total p,#tabmenu-market ul.market-panel #tab1 p.market-total-money{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    height: 30px;
}
#tabmenu-market ul.market-panel .market-total p span.market-buy-texts-name2{clear:both; overflow:hidden;}
#tabmenu-market ul.market-panel #tab2 .market-total p,#tabmenu-market ul.market-panel #tab2 p.market-total-money{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    height: 30px;
}
#tabmenu-market ul.market-panel #tab1 p.market-total-money,#tabmenu-market ul.market-panel #tab2 p.market-total-money{
    height: 50px;
    width: 100%;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600;
}
#tabmenu-market ul.market-panel #tab1 p.market-total-money span.market-buy-texts-name1,#tabmenu-market ul.market-panel #tab2 p.market-total-money span.market-buy-texts-name1{float: right;}

#tabmenu-market ul.market-panel #tab1 .market-total p span.market-buy-texts-name,#tabmenu-market ul.market-panel #tab2 .market-total p span.market-buy-texts-name{float: left;}
#tabmenu-market ul.market-panel #tab1 .market-total p span.market-buy-texts-name1,#tabmenu-market ul.market-panel #tab2 .market-total p span.market-buy-texts-name1{float: right;}
#tabmenu-market ul.market-panel #tab1 .market-total p span.question-mark img,#tabmenu-market ul.market-panel #tab2 .market-total p span.question-mark img{
    margin-top: 2px;
    margin-left: 2%;
}
#tabmenu-market ul.market-panel #tab1 .market-total p span.question-txt,#tabmenu-market ul.market-panel #tab2 .market-total p span.question-txt{
    font-size: 12px;
    font-weight: 300;
    border: 1px solid #ccc;
    display: block;
    position: absolute;
    padding: 5px 10px;
    margin-left: 80px;
    display: none;
    width: 200px;
    height: 60px;
    background: #fff;
}
.market-btn-buy-btn{
    width: 100%;
    height: 45px;
    border: none;
    background: #000;
    color: white;
    letter-spacing: 3px;
    font-size: 16px;
}
#marketModal .body h1{
    margin-top: 40px;
    margin-bottom: 20px;
}
#marketsellModal{width: 100%; max-width: 600px;}
#marketsellModal .body h1{
    margin-top: 40px;
    margin-bottom: 20px;
}
#tabmenu-market ul.market-panel #tab2 p.market-ok-ju{
    font-size: 15px;
    font-weight: 400;
    height: 70px;
}
#tabmenu-market ul.market-panel #tab2 p.market-ok-ju span.market-buy-texts-name1{float: right; font-size: 23px; font-weight: 600;}
#tabmenu-market ul.market-panel #tab2 p input{width: 79%;}

#tabmenu-market ul.market-panel #tab3 p{padding-top: 60px;}
#tabmenu-market ul.market-panel #tab3 p label{font-size: 16px;font-weight: 300;}
#tabmenu-market ul.market-panel #tab3 p label:nth-child(2){margin-right: 10%;}
#tabmenu-market ul.market-panel #tab3 p input{margin-right: 1%;}
#tabmenu-market ul.market-panel #tab3 .resultArea{
    overflow-x:hidden;
    overflow-y:auto;
    height: 500px;
}
#tabmenu-market ul.market-panel #tab3 .resultArea table{width: 95%;margin: 2%;}
#tabmenu-market ul.market-panel #tab3 .resultArea table thead tr{border: 2px solid #ccc;font-size: 14px;}
#tabmenu-market ul.market-panel #tab3 .resultArea table thead tr th{height: 50px;width: 20%;}
#tabmenu-market ul.market-panel #tab3 .resultArea table tbody tr{border: 1px solid #ccc;width: 100%;height: 60px;}
#tabmenu-market ul.market-panel #tab3 .resultArea table tbody tr td{width: 20%;}
.market-page-detail{margin-bottom: 200px;}

#chartModal{  margin-top:70px; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);}
#chartModal section.body h1{font-size:22px; color: #343a40; letter-spacing: -0.62px; margin-bottom: 40px;}
#chartModal section.body .chartImg-box img{width: 100%;}
#chartModal section.body .chartImg-box{display: inline-block; border: 1px solid #e9ecef; width:100%; max-width: 250px;height: 250px;overflow: hidden;margin-right: 30px;}
#chartModal section.body .chartImg-text{vertical-align: top;  width:100%; max-width: 350px; display:inline-block; height: 250px;}
#chartModal section.body .chartImg-text li{ width: 100%;  font-weight: 400;  color: #343a40; letter-spacing: -0.64px;  }
#chartModal section.body .chartImg-text li h2{ text-align: left; font-size:13px;}
#chartModal section.body .chartImg-text li h2#chartTitle{font-size:16px !important; margin-bottom: 10px; }

#chartModal section.body .chartImg-text li h2>div,
#chartModal section.body .chartImg-text li p>div{font-weight: 500; color: #343a40; display:inline-block; width: 15%; float: left;}
#chartModal section.body .chartImg-text li h2>span,
#chartModal section.body .chartImg-text li p>span{display:inline-block;  width: 85%; padding-left:10px;}
#chartModal section.body .chartImg-text li span{ color: #343a40;font-weight: 400; display: inline-block;letter-spacing: -0.48px;}

#chartModal section.body .chartImg-text li h2>span.daY{width:100px; font-size: 14px;font-weight:500; padding-left:5px;}
#chartModal section.body .chartImg-text li h2>span.saleP{font-size:15px; font-weight: 600; }

#chartModal section.body .chartImg-text li h2#chartSalePrice{margin-top:15px;}

.tab-menu {
    min-width: 320px;
    max-width: 1200px;
    margin: 0 auto;
}
.tab-menu section {
    display: none;
    padding: 65px 0 0;
    border-top: 1px solid #ddd;
}
.tab-menu input {display: none;}
.tab-menu label {
    width: 19.8%;
    display: inline-block;
    margin: 0 0 -1px;
    padding: 25px 25px;
    font-weight: 600;
    font-size: 19px;
    letter-spacing: 1px;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent;
}
.tab-menu input:checked + label {
    color: #4bb7e2;
    border: 1px solid #ddd;
    border-top: 6px solid #4bb7e2;
    border-bottom: 1px solid #ffffff;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5{display: block;}

/* //////////////////my page-invest////////////////// */
section h1{font-size: 24px; color: #282828;}
.content-list{margin-bottom: 60px;}
.content-list table{
    width: 100%;
    font-size: 16px;
    margin-top: 20px;
    box-shadow: 3px 2px 4px 0 rgba(209, 207, 207, 0.5);
}
.content-list table thead tr th{text-align: left;padding-left: 10px;}
.content-list table thead tr{height: 55px; border: solid 1px #979797;}
.content-list table tbody tr{height: 80px; border: solid 1px #979797;}
.content-list table tbody tr td{padding-left: 10px; font-weight: 300;}
.content-list table tbody tr td span{
    display: inline-block;
    width: 130px;
    font-weight: 400;
    height: 40px;
    text-align: center;
    letter-spacing: 3px;
    color: #4bb7e2;
    line-height: 40px;
}
.content-list .content-nolist{
    width: 100%;
    height: 300px;
    padding-top: 100px;
    text-align: center;
}
.content-list .content-nolist h3{
    color: #838383;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 20px;
}
.content-list .content-nolist .product-go-btn{
    max-width: 400px;
    width: 100%;
    height: 40px;
    background: #4bb7e2;
    margin: 0 auto;
}
.content-list .content-nolist .product-go-btn a{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: white;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 2px;
}

#content2 .content2{
    width: 100%;
    height: 125px;
    margin-bottom: 50px;
}
.content2 .content-buy{
    width: 25%;
    height: inherit;
    background: rgba(225, 246, 241, 0.38);
    float: left;
}
.content2 .content-buy-color{background: rgba(210, 239, 240, 0.48);}
.content2 .content-buy p{
    font-size: 18px;
    margin-left: 5%;
    margin-top: 8.5%;
    font-weight: 300;
}
.content2 .content-buy p:nth-child(2){font-weight: 500;}

.content2-common{width: 100%;margin-bottom: 50px;}
.content2-common table{width: 100%; box-shadow: 3px 2px 4px 0 rgba(209, 207, 207, 0.5);}
.content2-common table thead tr{border: 1px solid #ccc;}
.content2-common table thead tr th{
    font-size: 16px;
    padding: 15px;
    text-align: center;
}
.content2-common table tbody tr{border: 1px solid #ccc;}
.content2-common table tbody tr td{
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    padding: 15px;
}
#content2 .content2-common table tbody tr td:nth-child(5) .ones-paper{
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
}
#content2 .content2-common table tbody tr td .buy-x-btn-ok,#content2 .content2-common table tbody tr td .buy-x-btn-no{
    border: 1px solid #4bb7e2;
    background: #fff;
    color: #4bb7e2;
    letter-spacing: 2px;
    font-size: 14px;
    width: 90%;
    margin-left: 4%;
    padding: 10px;
    display: block;
    cursor: pointer;
}

#content3{width: 100%;margin-bottom: 50px;}
.content3-common{width: 100%;margin-bottom: 50px;}
.content3-common table{width: 100%; box-shadow: 3px 2px 4px 0 rgba(209, 207, 207, 0.5);}
.content3-common table thead tr{border: 1px solid #ccc;}
.content3-common table thead tr th{
    font-size: 16px;
    padding: 15px;
    text-align: center;
}
.content3-common table tbody tr{border: 1px solid #ccc;}
.content3-common table tbody tr td{
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    padding: 15px;
}
#content3 .content3-common table tbody tr td:nth-child(5) .ones-paper{
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
}
#content3 .content3-common table tbody tr td:nth-child(5) .ones-paper:hover{font-weight: 600;color: #4bb7e2; text-decoration: underline;}
#content3 .content3-common table tbody tr td .buy-x-btn-ok,#content3 .content3-common table tbody tr td .buy-x-btn-no{
    border: 1px solid #4bb7e2;
    background: #fff;
    color: #4bb7e2;
    letter-spacing: 2px;
    font-size: 14px;
    width: 90%;
    margin-left: 4%;
    padding: 10px;
    display: block;
    cursor: pointer;
}
section#content1 h1{
    width: 20%;
    float: left;
    margin-bottom: 15px;
}
section#content1 .excel-select{
    width: 100%;
    height: 50px;
    float: right;
    margin-bottom: 20px;
    padding-top:6px;
}
section#content1 .excel-select .excel-choice{width: 80%;float: left;}
section#content1 .excel-select .excel-choice p{
    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    margin:0 10px 0 0;
    font-weight: 400;
}
section#content1 .excel-select .excel-choice p.day-p{padding-left: 20px;}
section#content1 .excel-select .excel-choice .list-day{width: 60%;float: left;}
section#content1 .excel-select .excel-choice .list-day input{
    display:block;
    border:1px solid #ccc;
    box-shadow:none;
    float:left;
    height:35px;
    width:22%;
    padding-left:5px;
}
section#content1 .excel-select .excel-choice .list-day p.anfruf{margin:0 10px;}
section#content1 .excel-select .excel-choice .list-day select.select-lists2{margin-left: 120px;}

div.list-day-okbtn{
    width:15%;
    height:35px;
    background:#4bb7e2;
    float:left;
}
div.list-day-okbtn a{
    display:block;
    color:#fff;
    line-height:35px;
    text-align:center;
    font-weight:400;
}
section#content1 div.excel{
    background: #21a366;
    height: 35px;
    display: inline-block;
    width: 20%;
    float: right;
    text-align: center;
}
section#content1 div.excel a{
    font-size: 16px;
    line-height: 35px;
    color: white;
    font-weight: 300;
    display: block;
}

#mypageProduct1,#mypageProduct2{max-width: 500px;width: 100%;}

article#mypageProduct1 section.body p{
    font-size: 15px;
    font-weight: 400;
    margin: 20px;
    color: #5d5d5d;
    margin-bottom: 53px;
}
article#mypageProduct1 section.body a{
    background: #4bb7e2;
    border: 1.3px solid #4bb7e2;
    width: 49%;
    height: 50px;
    color: white;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    display: block;
    line-height: 50px;
}
article#mypageProduct1 section.body a.body-yes-btn{
    background: #fff;
    color: #4bb7e2;
    float:left;
    margin-right: 2%;
}
article#mypageProduct1 section.body a.body-no-btn{float: right;}
article#mypageProduct1-yes,article#onesPaper{max-width: 630px; width: 100%; margin-top: 5%;}
article#mypageProduct1-yes section.body h1{
    font-size: 19px;
    margin:30px;
    letter-spacing: 2px;
}
article#mypageProduct1-yes section.body div.mypageProduct1-yes-img{
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 10%;
}
article#mypageProduct1-yes section.body div.mypageProduct1-yes-img img{width: 100%;}
article#mypageProduct1-yes section.body h2{font-size: 18px;}
article#mypageProduct1-yes section.body p{font-size: 15px; margin-top: 15px;}
article#mypageProduct1-yes section.body a,article#mypageProduct2 section.body a{
    max-width: 400px;
    border: none;
    background: #4bb7e2;
    width: 100%;
    height: 50px;
    color: white;
    letter-spacing: 5px;
    font-size: 18px;
    display: block;
    line-height: 50px;
    margin: 20px auto;
}
article#mypageProduct2 section.body p{margin: 20px;}

article#onesPaper section.body div.onespager-img{max-width: 400px; margin: 0 auto;}
article#onesPaper section.body div.onespager-img img{width: 100%;}

#content3 #content3-tab ul.tabmenu{
    width:100%;
    height:40px;
    border-bottom:2px solid #282828;
}
#content3 #content3-tab ul.tabmenu li{
    float: left;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
    border: 0.5px solid #282828;
}
#content3 #content3-tab ul.tabmenu li a{
    display: block;
    width: 200px;
    color: #343434;
    text-align: center;
}
#content3 #content3-tab ul.tabmenu li a.select{
    background: #282828;
    height:38px;
    color: white;
}
#content3 #content3-tab ul.auctions-ok-no{margin-bottom: 100px; clear: both;}
.content3-common table tbody tr td:nth-child(2){position: relative;}
.content3-common>table>tbody>tr td .mypage-hoverimg{
    position: absolute;
    display: none;
    width: 300px;
    height: auto;
    right: -70px;
    z-index: 100;
}
.content3-common table tbody tr td .mypage-hoverimg img{width: 100%;}
.content3-common table tbody tr td button{
    background: #fff;
    padding: 10px;
    color: #4bb7e2;
    font-weight: 600;
    letter-spacing: 3px;
    width: 90%;
}

#auctionIng,#auctionFinsh{max-width: 720px;width: 100%;}
#auctionIng section.body h2{margin-bottom: 40px;}
article.auctionsing-modal section.body h1{font-size: 19px; letter-spacing: 3px; margin-bottom: 8%;}
article.auctionsing-modal section.body table{width: 100%;}
article.auctionsing-modal section.body table thead tr th{
    font-size: 16px;
    font-weight: 500;
    border-top: 4px solid rgba(0, 0, 0, 0.6);
    padding-top: 2%;
    padding-bottom: 2%;
}

article.auctionsing-modal section.body table tbody tr{
    font-size: 15px;
    border-top: 1px solid #ccc;
    font-weight: 300;
}
article.auctionsing-modal section.body table tbody tr:last-child{border-bottom: 1px solid #ccc;}
article.auctionsing-modal section.body table tbody tr td{padding: 10px;}
article.auctionsing-modal section.body h2{
    font-size: 16px;
    margin-top: 10%;
    font-weight: 500;
}
article.auctionsing-modal section.body h3{
    font-size: 16px;
    margin-top: 1%;
    margin-bottom: 7%;
}
article.auctionsing-modal section.body button{
    border: none;
    background: #4bb7e2;
    max-width: 400px;
    width: 100%;
    height: 50px;
    color: white;
    font-size: 16px;
    letter-spacing: 3px;
}
article.auctionsing-modal section.body .auctions-detail-btn{
    border: none;
    background: #4bb7e2;
    max-width: 400px;
    width: 100%;
    height: 50px;
    margin: 0 auto;
}
article.auctionsing-modal section.body .auctions-detail-btn a{
    color: white;
    font-size: 16px;
    letter-spacing:5px;
    line-height: 50px;
    display: block;
}

article#addressP{max-width: 600px; width: 100%;}
article#addressP section.body h1{
    margin-top: 8%;
    padding-bottom: 5%;
    border-bottom: 4px solid #282828;
    margin-bottom: 40px;
}
article#addressP section.body .address-text{width: 100%;}
article#addressP section.body .address-text p{
    width: 100%;
    height: 50px;
    display: inline-block;
}
article#addressP section.body .address-text p label{
    width: 15%;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    display: block;
    text-align: left;
    margin-left: 5%;
    float: left;
}
article#addressP section.body .address-text p:nth-child(3) input{width: 60%;}
article#addressP section.body .address-text p input{width: 70%; float: left;}
article#addressP section.body .address-text p span.address-search{
    width: 10%;
    height: 40px;
    margin-right: 10%;
    background: #4bb7e2;
    line-height: 40px;
    cursor: pointer;
    display: inline-block;
}
article#addressP section.body .address-text p span.address-search a{
    color: #fff;
    letter-spacing: 4px;
    display: block;
}
article#addressP section.body button{
    border: none;
    background: #4bb7e2;
    max-width: 500px;
    width: 100%;
    height: 50px;
    margin-top: 5%;
    color: white;
    letter-spacing: 5px;
    font-size: 16px;
}

article#addressB{max-width: 770px; width: 100%; padding: 4%; margin-top: 100px;}
article#addressB section.body #payment-tab{width: 100%; margin-top: 10%;}
article#addressB section.body #payment-tab .payment-tabmenu{width: 100%;height: 44px;}
article#addressB section.body #payment-tab .payment-tabmenu li{
    float: left;
    width: 22%;
    height: 44px;
    border: 1px solid #bbb;
}
article#addressB section.body #payment-tab .payment-tabmenu li a{
    font-size: 16px;
    color: #bbbbbb;
    display: block;
    height: 44px;
    line-height: 44px;
    letter-spacing: 2px;
    font-weight: 300;
}
article#addressB section.body #payment-tab .payment-tabmenu li a.select2{
    background: #212529;
    color: white;
    height: 44px;
}

article#addressB section.body #payment-tab .payment-text{
    clear: both;
    border-top: 4px solid #212529;
    padding-top: 8%;
}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form{width: 100%;}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form fieldset p{
    width: 100%;
    height: 50px;
    margin-bottom: 3%;
}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form fieldset p label{
    width: 20%;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    font-size: 15px;
    float: left;
    text-align: left;
    padding-left: 2%;
}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form fieldset p input{
    width: 65%;
    height: 50px;
    float: left;
}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form fieldset p span{
    width: 65%;
    height: 50px;
    display: inline-block;
    text-align: left;
    float: left;
    line-height: 50px;
    font-size: 18px;
    font-weight: 500;
}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form fieldset p span.reset-btn{width: 15%;padding-left: 1%;}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form fieldset p button{
    width: 15%;
    height: 50px;
    border: none;
    background: #4bb7e2;
    color: white;
    font-weight: 400;
    letter-spacing: 2px;
}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form fieldset p select{
    width: 65%;
    height: 50px;
    float: left;
}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form .payment-buy-text{
    width: 100%;
    margin-top: 5%;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
    padding: 5% 0;
}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form .payment-buy-text ul li{height: 50px;margin-bottom: 1%;}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form .payment-buy-text ul li span.product-buy-texts-name{
    font-size: 15px;
    font-weight: 500;
    float: left;
    padding-left: 2%;
}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form .payment-buy-text ul li span.product-buy-texts-name1{
    font-size: 18px;
    font-weight: 400;
    float: right;
    padding-right: 2%;
}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form .payment-buy-text ul li span.question-mark{float: left;margin-left: 1%;}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form .payment-buy-text ul li span.question-txt{
    float: left;
    padding: 1%;
    margin-left: 1%;
    border: 1px solid #ccc;
    display: none;
    box-shadow: 2px 2px 4px 0 rgba(144, 144, 144, 0.17);
}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form p.agree-cont-in{width: 100%;margin-top: 3%;}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form p.agree-cont-in label{font-size: 16px;}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form p.agree-cont-in input{width: 50%;display: block; z-index: 1000;}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form p.agree-cont-in .look-detail{display: inline; width: 70px; margin-right: 20%;}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form p.card-choice{font-size: 20px;}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form p.card-choice input.styled-checkbox:checked + label:after{left:13px;top:16px;}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form button.submit-btn{
    width: 100%;
    max-width: 450px;
    height: 50px;
    margin-top: 5%;
}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form button.submit-btn a{color: white;letter-spacing: 5px;}
article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form p.agree-cont-in textarea{width: 60%; margin-right: 4%;}

form.mypage-payment{
    max-width: 600px;
    width: 100%;
    margin: 90px auto;
}
form.mypage-payment h1{text-align: center; font-size: 30px; margin-bottom: 10%;}
form.mypage-payment fieldset{width: 100%;}
form.mypage-payment fieldset h2{
    font-size: 22px;
    border-bottom: 3px solid #282828;
    padding-bottom: 2%;
}
form.mypage-payment fieldset .payment-ok-product{
    margin-bottom: 6%;
    width: 100%;
    height: 300px;
}
form.mypage-payment fieldset .payment-ok-product .payment-img{width: 40%;float: left;}
form.mypage-payment fieldset .payment-ok-product .payment-img img{width: 100%; height: auto}
form.mypage-payment fieldset .payment-ok-product ul.payment-img-text{width: 55%; float: right;}
form.mypage-payment fieldset .payment-ok-product ul.payment-img-text li:nth-child(1){margin-top: 2%;}

form.mypage-payment fieldset ul li span.address-detail{color: #000;margin-bottom: 5%;}
form.mypage-payment fieldset ul li span.address-a{display: block;float: left;}

form.mypage-payment fieldset .mypage-payment-div{padding: 5%;}
form.mypage-payment fieldset ul{font-size: 16px;font-weight: 600;}
form.mypage-payment fieldset ul li span{
    width: 40%;
    height: 60px;
    color: #939393;
    display: inline-block;
}
form.mypage-payment fieldset .address-main{
    width: 100%;
    border: none;
    background: #292929;
    height: 50px;
    margin-bottom: 20%;
}
form.mypage-payment fieldset .address-main a{
    font-size: 18px;
    color: white;
    letter-spacing: 2px;
    display: block;
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-weight: 400;
}

.tab-menu section#content4 h2{
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid #282828;
    padding-bottom: 0.5%;
    margin-bottom: 3%;
}
.tab-menu section#content4 span.red,.tab-menu section#content4 span.rental-click{font-size: 14px; font-weight: 300; letter-spacing: 1px; margin-bottom: 5%; display: inline-block;}
.tab-menu section#content4 span.rental-click{color: gray;}
.tab-menu section#content4 .mypage-rental{max-width: 1200px;width: 100%; margin-bottom: 1%;}
.tab-menu section#content4 .mypage-rental img{width: 100%;}

.tab-menu section#content4 .rental-ing{
    width: 100%;
    height: 300px;
    display: none;
}
.tab-menu section#content4 .rental-ing .rental-ing-company{
    width: 30%;
    height: 300px;
    float: left;
    margin-right: 5%;
}
.tab-menu section#content4 .rental-ing .rental-ing-company img{width: 100%;}
.tab-menu section#content4 .rental-ing .rental-ing-text{width: 70%;}
.tab-menu section#content4 .rental-ing .rental-ing-text ul li{
    height: 30px;
    width: 140%;
    font-size: 16px;
    margin-top: 0.8%;
    font-weight: 400;
    color: #606060;
}
.tab-menu section#content4 .rental-ing .rental-ing-text ul li span{
    width: 130px;
    display: inline-block;
    letter-spacing: 2px;
    font-weight: 500;
    color: #282828;
}
/* 젋 깉  닔 씡  긽 뭹  젙蹂 */
.tab-menu section#content4 #rentalList{width: 100%;height: auto;}
.tab-menu section#content4 #rentalList .rental-tabmenu{
    width: 100%;
    height: 40px;
    border-bottom: 2px solid #282828;
}
.tab-menu section#content4 #rentalList .rental-tabmenu li{
    float: left;
    width: 15%;
    height: 40px;
    text-align:center;
    line-height: 40px;
    overflow: hidden;
    border: 1px solid #282828;
}
.tab-menu section#content4 #rentalList .rental-tabmenu li a{
    font-size: 20px;
    font-weight: 300;
    display: block;
}
.tab-menu section#content4 #rentalList .rental-tabmenu li .select-r{
    background: #282828;
    color: white;
    overflow: hidden;
}
.tab-menu section#content4 #rentalList .rental-tabtxt{margin-top: 0;}
.tab-menu section#content4 #rentalList .rental-tabtxt .rental-pagination{clear: both;padding-top: 50px;}
.tab-menu section#content4{width: 100%;margin-bottom: 43%;}
.tab-menu section#content4 ul.rental-artist{width: 100%;}
.tab-menu section#content4 ul.rental-artist li{
    width: 14.25%;
    height: 130px;
    float: left;
    font-size: 15px;
    font-weight: 400;
    padding: 1%;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.tab-menu section#content4 ul.rental-artist li:first-child{
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}
.tab-menu section#content4 ul.rental-artist li img{padding: 2%;height: 100%;}
.tab-menu section#content4 ul.rental-artist li span{
    display: inline-block;
    margin-top: 15px;
    padding-left: 20px;
}
.tab-menu section#content4 ul.rental-artist li span.li-name{width: 100%;color: #8c8c8c;}
.tab-menu section#content4 ul.rental-artist li span.li-text{font-weight: 500;}

.tab-menu section#content4 ul.rental-artist li span.li-box{
    background: #4bb7e2;
    width: 80%;
    height: 40px;
    line-height: 40px;
    color: white;
    letter-spacing: 2px;
    font-weight: 400;
    padding: 0px;
    text-align: center;
    cursor: pointer;
    transition: 0.2s all ease-in;
}
.tab-menu section#content4 ul.rental-artist li span.red{font-size: 18px;}

.tab-menu section#content4 ul.plus-text{
    width: 100%;
    height: 80px;
    background: #f2f9fd;
    border-bottom: 1px solid #ccc;
}
.tab-menu section#content4 ul.plus-text li{
    width: 15%;
    float: left;
    text-align: center;
    margin-left: 20px;
    font-size: 15px;
    font-weight: 400;
    margin-top: 25px;
    border-right: 1px solid #ccc;
}
.tab-menu section#content4 ul.plus-text li span{float: left;}
.tab-menu section#content4 ul.plus-text li p{
    display: inline-block;
    margin-left: 10px;
    font-size: 18px;
    font-weight: 500;
}
.tab-menu section#content4 ul.plus-text p.plus-red{
    clear: both;
    text-align: right;
    font-weight: 400;
    height:20px;
}
.tab-menu section#content4 ul.plus-text2 li{width: 22%;}
.tab-menu section#content4 ul.rental-artist2 li{width: 16.66%}

article.rental-schedule{max-width: 500px;width: 100%;}
article.rental-schedule section.body{}
article.rental-schedule section.body h2{letter-spacing: 1px;}
article.rental-schedule section.body p{
    font-size: 16px;
    margin:12px;
    font-weight: 400;
    color: gray;
}
article.rental-schedule section.body .rental-margin-table{
    width: 100%;
    overflow-x:hidden;
    overflow-y:auto;
    border: 1px solid #ccc;
    height: 340px;
    margin-top: 10%;
}
article.rental-schedule section.body .rental-margin-table table{width: 100%;}
article.rental-schedule section.body .rental-margin-table table tbody tr{height: 40px;border-bottom: 1px solid #ccc;}

.tab-menu section#content5 .mypage-market-page{
    width: 100%;
    height: 200px;
    padding: 2%;
    border-top: 2px solid #282828;
    border-bottom: 1px solid #ccc;
}
.tab-menu section#content5 .mypage-market-page .mypage-market{
    width: 25%;
    float: left;
    height: 100%;
    padding-right: 2%;
    border-right: 1px solid #ccc;
}
.tab-menu section#content5 .mypage-market-page .mypage-market:last-child{border-right: none;}
.tab-menu section#content5 .mypage-market-page .mypage-market1 ul li{
    height: 40px;
    font-size: 14px;
    font-weight: 300;
}
.tab-menu section#content5 .mypage-market-page .mypage-market1 ul li span{display: inline-block;}
.tab-menu section#content5 .mypage-market-page .mypage-market1 ul li span.m-m1{width: 48%;}
.tab-menu section#content5 .mypage-market-page .mypage-market1 ul li span.m-m2{
    width: 50%;
    text-align: right;
    font-weight: 500;
}
.tab-menu section#content5 .mypage-market-page .mypage-market h3,.tab-menu section#content5 .mypage-market-page .mypage-market h1{text-align: right; padding-right: 7%;}
.tab-menu section#content5 .mypage-market-page .mypage-market h3{
    font-size: 17px;
    color: #4bb7e2;
    font-weight: 400;
    margin-top: 18%;
}
.tab-menu section#content5 .mypage-market-page .mypage-market h1{font-size: 26px;}

.tab-menu section#content5 .mypage-market-page-bottom .bottom-main-text{width: 100%;margin-top: 140px;}
.tab-menu section#content5 .mypage-market-page-bottom .bottom-main-text2{margin-top: -50px;}
.tab-menu section#content5 .mypage-market-page-bottom .bottom-main-text h1{
    font-size: 22px;
    width: 50%;
    float: left;
    margin-bottom: 20px;
}
.tab-menu section#content5 .mypage-market-page-bottom .bottom-main-text{position: relative;}
.tab-menu section#content5 .mypage-market-page-bottom .bottom-main-text p{
    width: 50%;
    float: right;
    text-align: right;
    font-size: 14px;
}
.tab-menu section#content5 .mypage-market-page-bottom .bottom-main-text p img{
    display: inline-block;
    float: right;
    margin: 0px;
    cursor: pointer;
    margin-left: 10px;
}
.tab-menu section#content5 .mypage-market-page-bottom .bottom-main-text span.hover-question{
    position: absolute;
    right: 0;
    display: none;
    width: 300px;
    padding: 0.5%;
    margin-top: 25px;
    border: 1px solid #ccc;
    background: #fff;
}
.tab-menu section#content5 .mypage-market-page-bottom table{
    width: 100%;
    box-shadow: 3px 2px 4px 0 rgba(209, 207, 207, 0.5);
    margin-bottom: 40px;
}
.tab-menu section#content5 .mypage-market-page-bottom table thead{border: 1px solid #ccc;background:  #F8FDFF;}
.tab-menu section#content5 .mypage-market-page-bottom table thead tr{height: 50px;}
.tab-menu section#content5 .mypage-market-page-bottom table thead tr th{font-size: 16px;}
.tab-menu section#content5 .mypage-market-page-bottom table tbody tr{
    height: 60px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #ccc;
}
.tab-menu section#content5 .mypage-market-page-bottom table tbody tr td{text-align: center;}
.tab-menu section#content5 .mypage-market-page-bottom table tbody tr td img{
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 5px;
}
.tab-menu section#content5 .mypage-market-page-bottom table tbody tr td button.market-x-btn{
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    padding: 10px;
}
article#mypageMarket,article#mypageMarket-yes{max-width: 500px;width: 100%;}

article#mypageMarket section.body p,article#mypageMarket-yes section.body p{
    font-size: 15px;
    font-weight: 400;
    margin: 20px;
    color: #5d5d5d;
    margin-bottom: 53px;
}
article#mypageMarket section.body a{
    background: #4bb7e2;
    border: 1.3px solid #4bb7e2;
    width: 49%;
    height: 50px;
    color: white;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    display: inline-block;
    line-height: 50px;
}
article#mypageMarket section.body a.body-no-btn{float: right;}
article#mypageMarket section.body a.body-yes-btn{
    background: #fff;
    color: #4bb7e2;
    margin-right: 2%;
}
article#mypageMarket-yes section.body a.buy-no-btn{
    width: 100%;
    height: 50px;
    background: #4bb7e2;
    border: none;
    line-height: 50px;
    letter-spacing: 3px;
    color: white;
    font-weight: 400;
    display: block;
}

#mypage-money article{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
#mypage-money article .moneybox{width: 100%;margin-top: 50px;}
#mypage-money article .moneybox1{
    width: 100%;
    border: solid 1px #dedede;
    height: 240px;
    box-shadow: 2px 2px 4px 0 rgba(186, 186, 186, 0.5);
    background-color: #ffffff;
}
#mypage-money article .moneybox>div{
    float: left;
    width: 50%;
    text-align: center;
    height: 180px;
    margin-top: 30px;
}
#mypage-money article .moneybox1{margin-top: 0;}
#mypage-money article .moneybox div.border-right:nth-child(1){border-right: 1px solid #ccc;}
#mypage-money article .moneybox div h1{font-size: 22px; letter-spacing: 2px; color: #3c3c3c; font-weight: 500;}
#mypage-money article .moneybox>div>p{font-size: 17px; color: #212529; margin-top: 20px; font-weight: 300; height: 25px;}
#mypage-money article .moneybox>div>p span{font-size: 20px; font-weight: 400;}
#mypage-money article .moneybox div button{
    background: #4bb7e2;
    width: 200px;
    margin-top: 45px;
}
#mypage-money article .moneybox2 h1{text-align: left;}
#mypage-money article .moneybox2>div{
    width: 48%;
    height: 300px;
    margin-right: 4%;
}
#mypage-money article .moneybox2>div:nth-child(2){margin-right: 0%;}
#mypage-money article .moneybox2>div div.moneybox-text{
    height: 310px;
    border: solid 1px #dedede;
    box-shadow: 2px 2px 4px 0 rgba(186, 186, 186, 0.5);
    margin-top: 10px;
}
#mypage-money article .moneybox2>div div.moneybox-text p{padding-top: 0px;}
#mypage-money article .moneybox2 h1{padding-left: 5px;}
#mypage-money article .moneybox2 div.moneybox-text p{
    text-align: left;
    font-size: 14px;
    margin: 9px;
    padding-left: 10px;
    line-height: 20px;
    font-weight: 400;
    text-indent: -0.5em;
}
#mypage-money article .moneybox1{background: #F8FDFF;}
#mypage-money article .moneybox2 .moneybox-text2 ul{padding: 1px 80px;height: 160px;}
#mypage-money article .moneybox2 .moneybox-text2 ul li{
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    margin-top: 50px;
}
#mypage-money article .moneybox2 .moneybox-text2 ul li:nth-child(2){margin-top: 30px;}
#mypage-money article .moneybox2 .moneybox-text2 ul li span{
    float: right;
    font-weight: 500;
    font-size: 20px;
}
#mypage-money article .moneybox2 .moneybox-text2 ul li span input{width: 250px;}
#mypage-money article .moneybox2 .moneybox-text2 button{margin-bottom: 20px;}

#mypage-money article .moneybox3{margin-top: 100px;}
#mypage-money article .moneybox3 h1{font-size: 22px; letter-spacing: 2px; color: #3c3c3c; font-weight: 500; margin-bottom: 20px; margin-top: 19%; padding-left: 5px;}

#mypage-money article .moneybox3 table{width: 100%; margin-bottom: 50px; box-shadow: 3px 2px 4px 0 rgba(209, 207, 207, 0.5);}
#mypage-money article .moneybox3 table thead{width: 100%;}
#mypage-money article .moneybox3 table thead tr{
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    background:  #F8FDFF;
}
#mypage-money article .moneybox3 table thead tr th{font-size: 15px; letter-spacing: 3px;}
#mypage-money article .moneybox3 table tbody tr{
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #ccc;
    height: 60px;
}
#mypage-money article .moneybox3 table tbody tr td{text-align: center;}

article#moneyOne,article#moneyOne2,article#moneyTwo,article#moneyThree,article#moneyThree2{max-width: 400px; width: 100%;}
article#moneyOne section.body h2,article#moneyThree section.body h2{
    font-size: 20px;
    letter-spacing: -0.82px;
    font-weight: 500;
}
article#moneyOne section.body h3,article#moneyThree section.body h3{
    text-align: left;
    letter-spacing: -0.72px;
    margin-bottom: 2px;
    text-align: left;
    clear: both;
    font-weight: 500;
    padding-top: 20px;
}
article#moneyOne section.body .fordesign,article#moneyThree section.body .fordesign{
    max-width: 440px;
    width: 100%;
    height: 50px;
    background: url(/images/fo/select-down.webp) no-repeat;
    background-position: top 22px right 10px;
    background-size: 9px;
}
article#moneyOne section.body .fordesign select,article#moneyThree section.body .fordesign select{ height: 55px;width: 100%; border-radius: 5px; font-family: 'Pretendard';}
article#moneyOne section.body button.money-btn-ok,article#moneyThree section.body button.money-btn-ok2{
    background: #212529;
    max-width: 440px;
    margin-bottom: 0;
    width: 100%;
}
article#moneyOne2 section.body p,article#moneyTwo section.body p,article#moneyThree2 section.body p{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}
article#moneyThree section.body input{
    width: 100%;
    height: 50px;
    float: left;
    margin-bottom: 5px;
}
article#moneyThree section.body p{text-align: left; margin-bottom: 30px; }
article#moneyThree section.body button.true-btn{
    float: left;
    width: 15%;
    height: 55px;
    border: none;
    color: white;
    font-size:12px;
    letter-spacing:-0.72px;
    font-weight: 400;
    background: #4386f9;
}

article#coupon-point{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
article#coupon-point .cpnpoint-tab ul.cpnpoint-tabmenu{
    width: 100%;
    height: 65px;
    overflow: hidden;
    margin-bottom: 5%;
}
article#coupon-point .cpnpoint-tab ul.cpnpoint-tabmenu li{
    float: left;
    width: 50%;
    text-align: center;
    line-height: 65px;
    font-size: 21px;
    font-weight: 400;
    border: 1px solid #ccc;
    background: #fbfbfb;
}
article#coupon-point .cpnpoint-tab ul.cpnpoint-tabmenu li a{display: block;}
article#coupon-point .cpnpoint-tab ul.cpnpoint-tabmenu li .select-all{
    border-top: 5px solid #4bb7e2;
    box-sizing: border-box;
    background: #fff;
    color: #4bb7e2;
    font-weight: 500;
}

article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon .coupon-box{
    width: 100%;
    height: 180px;
    padding: 4%;
    box-shadow: 3px 2px 4px 0 rgba(209, 207, 207, 0.5);
    border: solid 1px #979797;
}
article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon .coupon-box p{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
}
article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon .coupon-box input{margin-bottom: 5px;}
article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon .coupon-box button{background: #4bb7e2;width: 12%;font-weight: 600;}

article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon #coupon-tab{margin-top: 10%;}
article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon #coupon-tab ul.coupon-tabmenu{width: 100%;height: 45px;}
article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon #coupon-tab ul.coupon-tabmenu li{
    float: left;
    width: 15%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #ccc;
}
article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon #coupon-tab ul.coupon-tabmenu li a{display: block; color: #b2b2b2; font-weight: 400; font-size: 18px;}
article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon #coupon-tab ul.coupon-tabmenu li .select-c{background: black;color: white;}

article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon #coupon-tab .coupon-txt .coupon-list{width: 100%;}
article#coupon-point .cpnpoint-tab .cpnpoint-txt table{width: 100%; margin-bottom: 40px;}

article#coupon-point .cpnpoint-tab .cpnpoint-txt table thead{border: 1px solid #979797;box-shadow: 3px 2px 4px 0 rgba(209, 207, 207, 0.5);}
article#coupon-point .cpnpoint-tab .cpnpoint-txt table thead tr{height: 50px; font-size: 14px; letter-spacing: 2px; }
article#coupon-point .cpnpoint-tab .cpnpoint-txt table tr.coupon-space{height: 15px; box-shadow: none;}

article#coupon-point .cpnpoint-tab .cpnpoint-txt table tbody tr{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    border: 1px solid #979797;
    box-shadow: 3px 2px 4px 0 rgba(209, 207, 207, 0.5);
}


article#coupon-point .cpnpoint-tab .cpnpoint-txt #point .point-box{
    width: 100%;
    height: 100px;
    text-align: center;
    line-height: 100px;
    box-shadow: 3px 2px 4px 0 rgba(209, 207, 207, 0.5);
    border: solid 1px #979797;
    margin-bottom: 10%;
}
article#coupon-point .cpnpoint-tab .cpnpoint-txt #point .point-box h1{font-size: 22px;}
article#coupon-point .cpnpoint-tab .cpnpoint-txt #point .point-box h1 span{
    color: #4bb7e2;
    font-size: 30px;
    margin-left: 20px;
    text-decoration: underline;
}
article#coupon-point .cpnpoint-tab .cpnpoint-txt #point .point-list p{
    width: 130px;
    background: black;
    color: white;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-weight: 400;
    font-size: 16px;
}
article#couPon{max-width: 400px;width: 100%;}
article#couPon p{font-size: 14px; font-weight: 400;}

section.cs1_1{padding-bottom:200px !important; font-family: 'Noto Sans KR';}
.mypage-question1_1{padding:30px 20px;}
.mypage-question1_1 .question-txt{width:100%; height: 40px; background: #f9fafc; border-top: 2px solid #001639; border-bottom: 1px solid #e9ecef;}
.mypage-question1_1 .question-txt div:nth-child(1),
.mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(1){width: 10%; text-align: center;}
.mypage-question1_1 .question-txt div:nth-child(1){padding-left:20px;}
.mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(1){font-size: 13px; letter-spacing: -0.52px; color: #343a40; font-weight:300;}
.mypage-question1_1 .question-txt div:nth-child(2),
.mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(2){width: 60%;}
.mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(2){font-size: 14px; color: #343a40; letter-spacing:-0.56px; font-weight:500; padding-left:40px;}
.mypage-question1_1 .question-txt div:nth-child(3),
.mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(3){width: 20%;}
.mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(3),
.mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(4){font-size: 13px; font-weight:500; letter-spacing: -0.52px; color: #343a40;}
.mypage-question1_1 .question-txt div:nth-child(4),
.mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(4){width: 10%;}
.mypage-question1_1 .question-txt div:nth-child(4){padding-right:25px;}

.mypage-question{max-width: 1200px; width: 100%; margin: 0 auto; background: #fff; }
.mypage-question .question-txt{background: #f9fafc;}
.mypage-question .question-txt div{
    float: left;
    letter-spacing: -0.56px;
    color: #343a40;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;

}
.mypage-question .detail-news-body .news-body-in .news-body-top div{
    float: left;
    font-weight: 600;
    font-size: 15px;
}
.mypage-question .detail-news-body .news-body-in .news-body-top div:nth-child(3),.mypage-question .detail-news-body .news-body-in .news-body-top div:nth-child(4){text-align: center;}
.detail-news-body .news-body-in .news-body-top div:nth-child(4){padding-right: 10px;}

.mypage-question .detail-news-body .news-body-in .news-body-bottom .line-div{
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 10px;
    margin-bottom:10px;
    width: 100%;
}
.mypage-question1_1 .detail-news-body .news-body-in .news-body-bottom .question-txt-float{width:85% !important; margin-left:13% !important;}
.mypage-question .detail-news-body .news-body-in .news-body-bottom .question-txt-float{width: 80%;margin-left: 18%; margin-top: 10px; font-size: 13px; letter-spacing: -0.64px; color: #495057; font-weight: 400;}
.mypage-question .detail-news-body .news-body-in .news-body-bottom .question-txt-float h2.title{font-size: 14px; color: #343a40; margin-bottom:10px; letter-spacing:-0.52px; font-weight: 600; }

.mypage-question .detail-news-body .news-body-in .news-body-bottom div h3{ font-size: 14px; color: #212529; font-weight: 500;}
.mypage-question .question-button{
    width: 170px;
    height: 45px;
    line-height: 45px;
    background: #212529;
    float: right;
    text-align: center;
    margin-top:20px;
}
.mypage-question .question-button a{color: white; font-weight: 500; letter-spacing: -0.52px; font-size: 18px; display: block;}
.mypage-question .pagination{clear: both;}
.mypage-question-center div.center-tabmenu-div{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 20px;
}
.mypage-question-center ul.center-tabmenu{height: 60px;}
.mypage-question-center ul.center-tabmenu li{
    float: left;
    height: 60px;
    margin-left: 20px;
    line-height: 60px;
}
.mypage-question-center ul.center-tabmenu li a{
    font-size: 16px;
    font-weight: 500;
    letter-spacing:-0.64px;
    display: block;
    color: #adb5bd;
    text-align: center;
}
section.s-center{padding-bottom:220px;}
.mypage-question-center ul.center-tabmenu li a.select-center{font-weight: 700;color: #548dfc;}
.mypage-question-center .center-text{ padding:20px; clear: both;width: 100%;}
.mypage-question-center .center-text .center-t .product-sorting{margin-bottom:10px !important; width: 100%;height: 50px; padding: 0px 0px 0px 0px !important;}
.mypage-question-center .center-text .center-t .product-sorting select.select-lists{letter-spacing: -0.72px; position: static;float: right;margin-top: 5px;}
.mypage-question-center .center-text .center-t .fordesign{margin-bottom:5px !important; float: right;max-width: 180px; padding: 20px;}
.mypage-question-center .center-text .center-t .question-txt>div{
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #adb5bd;
    background: #f9fafc;
    font-size: 14px;
    letter-spacing:-0.56px;
    color: #343a40;
}
.mypage-question-center .center-text .notice-sh{margin-bottom:30px;}
.mypage-question-center .center-text .center-t .question-txt>div:nth-child(1){width: 10%; text-align: center;}
.mypage-question-center .center-text .center-t .question-txt>div:nth-child(2){width: 70%; text-align: center;}
.mypage-question-center .center-text .center-t .question-txt>div:nth-child(3){ text-align: center; }
.mypage-question-center .center-text #center1 .question-txt>div:nth-child(3){ width:20% !important;}
.mypage-question-center .center-text #center1 .question-txt{clear: both;border-top: 2px solid #001639;}
.mypage-question-center .center-text .center-t .detail-news-body{margin-bottom: 0;}
.mypage-question-center .center-text #center1 .detail-news-body .news-body-in .news-body-top{}
.mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-top>div{
    display: block;
    height: 30px;
    line-height: 30px;
}
.mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-top>div:nth-child(1){width:10%; text-algin: center;}
.mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-top>div:nth-child(2){text-align: left; width: 70%; padding-left: 100px; font-size: 14px; letter-spacing: -0.56px; color: #343a40}
.mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-top>div:nth-child(3){width: 20%; text-align: center; font-size: 14px; letter-spacing: -0.52px; color: #343a40;}
.mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-top .question-detail{ text-align: center; color: #343a40; font-weight: 300; letter-spacing: -0.52px;}
.mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-top .question-detail-day{font-weight: 400;}

.mypage-question-center .center-text .center-t .detail-news-body .news-body-in span.event-ing{
    display: inline-block;
    width: 50px;
    margin-left: 10px;
    border-radius: 5px;
    height: 20px;
    background: #548dfc;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}
.mypage-question-center .center-text .center-t .detail-news-body .news-body-in span.evnet-finish{background: #ccc;}

.mypage-question-center .center-text #center1 .detail-news-body .news-body-in .news-body-bottom{background: #fff;border-bottom: 1px solid #000;}
.mypage-question-center .center-text #center1 .detail-news-body .news-body-in .news-body-bottom .question-txt-float{margin-left: 10%;}
.mypage-question-center .center-text #center1 .detail-news-body .news-body-in .news-body-bottom .question-txt-float .bottom-float-img ul{width: 100%;}
.mypage-question-center .center-text #center1 .detail-news-body .news-body-in .news-body-bottom .question-txt-float .bottom-float-img ul li{
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
}
.mypage-question-center .center-text #center1 .detail-news-body .news-body-in .news-body-bottom .question-txt-float .bottom-float-img ul li span{
    display: inline-block;
    width: 160px;
    font-weight: 900;
    color: #4bb7e2;
    font-size: 16px;
}
.mypage-question-center .center-text #center1 .detail-news-body .news-body-in .news-body-bottom .question-txt-float .bottom-float-img{width: 100%;height: auto;}
.mypage-question-center .center-text #center1 .detail-news-body .news-body-in .news-body-bottom .question-txt-float .bottom-float-img img{width: 100%;}

.mypage-question-center .center-text #center2 form.product-search{float: right;margin-top: 20px;}
.mypage-question-center .center-text #center2 .question-txt{
    width: 100%;
    height: 50px;
    clear: both;
    border-top: 2px solid #868e96;
}
.mypage-question-center .center-text #center2 .question-txt>div:nth-child(1){text-align: center; }
.mypage-question-center .center-text #center2 .question-txt>div:nth-child(2){width: 90%; text-align: center;}
.mypage-question-center .center-text #center2 .detail-news-body .news-body-in .news-body-top>div:nth-child(1){width: 10%; text-align: center;}
.mypage-question-center .center-text #center2 .detail-news-body .news-body-in .news-body-top>div:nth-child(2){width: 80%;}
.mypage-question-center .center-text #center2 .detail-news-body .news-body-in .news-body-top>div div.question-logo{
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 20px;
}
.mypage-question-center .center-text #center2 .detail-news-body .news-body-in .news-body-bottom{
    background: #f5f8fa;
    padding: 20px;
    border-bottom: 1px solid #e9ecef;
}
.mypage-question-center .center-text #center2 .detail-news-body .news-body-in .news-body-bottom .txt-left{
    width: 20%;
    padding: 0;
    float: left;
}
.mypage-question-center .center-text #center2 .detail-news-body .news-body-in .news-body-bottom .txt-left img{
    padding: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    float: right;
}
#center3 section.center3section{
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 100px;
}
#center3 section.center3section .insert{display: flex;height: 50px !important;}
#center3 section.center3section .insert .file-list{height: 50px !important;     overflow-y: scroll; }
#center3 section.center3section .insert .all-file{ line-height: 50px; text-align: center;}
#center3 section.center3section .cs-file-notice{font-size: 14px;color: #868e96;line-height: 20px;margin-bottom: 10px;}
#center3 section.center3section .cs-file-notice li{ margin-bottom: 4px;text-indent: -7px;padding-left: 7px;}

#center3 section.center3section p,#center3 section.center3section .center3-select{width: 100%;margin-bottom: 20px;}
#center3 section.center3section p label,#center3 section.center3section .center3-select label{
    width: 100%;
    margin-bottom:15px;
    display: block;
    font-size: 14px;
    letter-spacing: -0.56px;
    font-weight: 500;
    color: #212529;
}
#center3 section.center3section p input,#center3 section.center3section .center3-select select{height: 50px;max-width: 400px; padding-left: 10px !important;}
#center3 section.center3section .center3-select select{ font-size: 14px;padding-left: 10px;border: 1px solid #e8ecef;background: #fff; color: #868e96; border-radius: 5px;}
#center3 section.center3section p.p_float{
    width: 80%;
    float: right;
    margin-bottom: 10px;
}
#center3 section.center3section p input::placeholder{padding:0; font-size:14px !important;}
#center3 section.center3section p.p_float input.styled-checkbox:checked + label:after{top: 12px;left: 12px;}
#center3 section.center3section p.fixed-check input.styled-checkbox:checked + label:after{top: 5px;left: 3px;}
#center3 section.center3section p.bottom-none{margin-bottom: 5px;}
#center3 section.center3section p.p_float label{font-size: 12px;width: 15%;}
#center3 section.center3section p.p_float label.gender{width: 30%;}
#center3 section.center3section p.centerbox textarea{width: 100%;padding: 10px; background: #fafafa;}
#center3 section.center3section p.centerbox1 textarea{border-radius: 5px;font-size: 14px;border: 1px solid #e9ecef;background: #fff;padding: 20px 10px;}
#center3 section.center3section p.fixed-check{width: 100%;float: none; margin-bottom:40px;}
#center3 section.center3section p.fixed-check input.styled-checkbox{width:80% !important; position: relative; z-index:-1;}
#center3 section.center3section p.fixed-check label{
    width: 80% !important;
    font-size: 13px;
    padding: 0;
    float: left;
    font-weight: 400;
    color: #343a40;
    letter-spacing:-0.52px;
}
#center3 section.center3section p.centerbox1 textarea::placeholder{font-size: 14px; padding:0;}
#center3 section.center3section p.fixed-check span.look-detail{float: right; font-weight: 500;color: #343a40;font-size: 12px;letter-spacing: -0.52px;}
#center3 section.center3section .center-ok-btn{
    width: 100%;
    height: 60px;
    background: #212529;
    clear: both;
    border-radius: 5px;
    cursor: pointer;
}
#center3 section.center3section .center-ok-btn p{
    font-size: 20px;
    color: white;
    font-weight: 500;
    letter-spacing: -0.8px;
    line-height: 60px;
    text-align: center;
}
article#centerM{max-width: 500px; width: 100%;}

#art-mall-tab{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
#art-mall-tab .art-tab{width: 100%;height: inherit;}
#art-mall-tab .art-tab button{
    background: #F5F8FA;
    float: left;
    height: 40px;
    text-align:center;
    margin-right: 10px;
    margin-bottom: 5px;
    border:none;
    border-radius: 5px;
}
#art-mall-tab .art-tab button a{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.72px;
    line-height: 40px;
    color: #b4b4b4;
    display:block;
    padding: 0 6px;
}
#art-mall-tab .art-tab button a.art-select{font-weight: 500; color: #fff; background: #A28FCC; border-radius: 5px;}

section.artmall-main{
    width: 100%;
    height: 200px;
    background: #68588e;
    position: relative;
    overflow: hidden;
    text-align: center;
}
section.artmall-main:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: url(/images/fo/mallMain.png) no-repeat center center;
    background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    opacity: 0.1;
}
section.artmall-main h1{
    z-index: 1;
    position: relative;
    font-size: 32px;
    line-height: 200px;
    letter-spacing: -1.28px;
    color: #fff;
    font-weight: bold;
}
article.art-mall{width: 100%;height: auto; padding-bottom: 40px;}
article.art-mall a{
    width: 30%;
    height: 490px;
    float: left;
    display:block;
    margin-right:5%;
    margin-bottom: 5%;
}
article.art-mall a:nth-child(3),article.art-mall a:nth-child(6),article.art-mall a:nth-child(9){margin-right:0;}
article.art-mall .art-product{
    width: 100%;
    position: relative;
    height: 490px;
    border:1px solid #e8e8e8;
    border-bottom:5px solid #A28FCC;
    float: left;
}

.art-product .art-img{
    width: 100%;
    height: 70%;
    overflow: hidden;
    background-size: cover;
}
.art-product .art-img img{height: 100%;width: 100%; object-fit: cover;}
.art-product .art-text{
    width: 100%;
    height: 30%;
    background: white;
    padding:20px;
}
.art-product .art-text h1{
    font-size:20px;
    letter-spacing: -0.54px;
    color: #343a40;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.art-product .art-text h2{
    font-size: 16px;
    color: #868E96;
    font-weight: 400;
    letter-spacing: -0.64px;
    margin-top:2px;
}
.art-product .art-text h2 span{letter-spacing: 2px;}
.art-product .art-text p{font-size:16px; color:#343a40; letter-spacing:-0.52px; font-weight:400; width: 100%; padding-top:15px;}
.art-product .art-text p span{display:inline-block; }
.art-product .art-text p span.left-text{ text-align: left; width: 15%; font-size:13px; color: #868e96; }
.art-product .art-text p span.right-text{text-align: right; width: 85%; font-weight: 500;}

.art-product .art-text p.art-type{line-height: 18px;color: #fff;width: auto;display: inline-block;padding: 0px 5px;margin-bottom: 10px;font-size:13px; font-weight:400; letter-spacing:-0.62px;  background: #ccc; }

.art-product .art-text p span.text-line{    color: #868e96; font-weight: 300; text-decoration: line-through;}
.art-product .art-text p.sale-p{ padding: 0; text-align: right;font-weight: 500; font-size: 19px;color: #343a40;}
article.art-mall .art-product .sale-art-img{width: 70px;  height: 70px;border-radius: 50%; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);background: #a28fcc;position: absolute; top: 10px; right: 10px;}
article.art-mall .art-product .sale-art-img p.sale-percent{line-height: 70px;text-align: center;font-size: 16px;color: #fff;font-weight: 500;}

.art-product .art-soldout img{
    -webkit-filter:blur(3px);
    -moz-filter:blur(3px);
    -o-filter:blur(3px);
    -ms-filter:blur(3px);
    filter:blur(3px);
}
.art-product .soldout{max-width: 250px;margin: 0 auto;width: 100%;}
.art-product .soldout .soldout-box{position: absolute;width: 100%;max-width: 250px;z-index: 1;}
.art-product .soldout .soldout-box img{padding-top: 30px; width: 100%;   opacity: 0.5;}

.detail-top .detail-left .bx-pager-mall .bx-pager-mall-margin{
    width: 360px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.detail-top .detail-left .bx-pager .bx-mall{
    width: 90px;
    height: 90px;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
}
.detail-top .detail-left .bx-pager .bx-mall a img{height: 100%;}
.detail-top .detail-right .mall-detail-right ul.goods-state li.mall-edition{
    color: #A28FCC;
    font-size: 14px;
    padding:0px;
    margin-right: 10px;
    font-weight: 500;
    letter-spacing: -0.72px;
    text-align: center;
    background: #fff;
}
.detail-top .detail-right .mall-detail-right p.product-name{
    padding: 10px 0 5px;
    letter-spacing: -1.28px;
    font-size: 30px;
    font-weight:700;
}
.detail-top .detail-right .mall-detail-right p.artmall-artist-name{
    font-weight: 400;
    font-size: 16px;
    color: #868e96;
    letter-spacing: -0.56px;
    padding: 0px 0 15px;
}
.detail-top .detail-right .mall-detail-right p.artmall-artist-name>span{letter-spacing: 2px;}

.detail-top .detail-right .mall-detail-right p.artmall-number{
    font-size: 14px;
    font-weight: 400;
    color: #6d6d6d;
}
.detail-top .detail-right ul.artmall-detail-texts li{height: 45px;line-height: 45px;}
.detail-top .detail-right ul.artmall-detail-texts:nth-child(2){margin-bottom: 0;}

.detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name{font-weight: 400;}
.detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name1{font-size: 15px;}
.detail-top .detail-right ul.artmall-detail-texts-product{ padding: 20px 0 0 0; border-bottom:none !important;}
.detail-top .detail-right .artmall-detail-texts-m{margin:20px 0 0 0 !important;}

.detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name1 select{
    border:1px solid #e9ecef;
    padding-left: 3px;
    height: 30px;
    font-size: 12px;
    max-width:200px;
    width:100%;
    color: #343a40;
    font-weight: 400;
    letter-spacing:-0.52px;
    border-radius: 0;
}

form ul.artmall-number-texts{border-top: none;margin-top: 0;}
form ul.artmall-number-texts li{height: 40px;line-height: 40px;}
form ul.artmall-number-texts li span.detail-texts-name{font-weight: 400;}
form ul.artmall-number-texts li span.detail-texts-name1{
    width: 40%;
    display: inline-block;
    position: relative;
}
form ul.artmall-number-texts li.marginLi span.detail-texts-name1{margin-top:5px;}

form ul.artmall-number-texts li span.detail-texts-name-money{text-align:right; color: #7155B1; font-size:22px; font-weight: 600;}
form ul.artmall-number-texts li span.detail-texts-name1 input.amount{
    width: 100%;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
}
form ul.artmall-number-texts li span.detail-texts-name1 input.amount-button{
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 0px;
    border: 1px solid #ccc;
    background: #f0f0f0;
    color: #282828;
    font-size: 14px;
    font-weight: 300;
    cursor: pointer;
}
form ul.artmall-number-texts li span.detail-texts-name1 input.amount-add{right: 0;}
form ul.artmall-number-texts li span.detail-texts-name1 input.amount-del{left: 0;}
form ul.artmall-number-texts li span.detail-texts-name1 input.amount-money{
    width: 90%;
    text-align: right;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    float: left;
    padding-right: 20px;
}
form ul.artmall-number-texts li span.detail-texts-name1 p{
    width: 10%;
    float: right;
    height: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
}
.btn-areas ul.btn-area li a.mall-buy-btn{background: #6648AC; font-weight: 400;  max-width: 350px;}
.btn-areas ul.btn-area li a.mall-finish-btn{ background: #e1e5e8;color: #adb5bd;cursor: default;}

.detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name1 .detail-view{
    width: 100%;
    position: relative;
    cursor: pointer;
}
.detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name1 .detail-view p{
    background: #eaeaea;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    letter-spacing: -0.5px;
}
.detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name1 .detail-view .detail-view-box{
    display: none;
    position: absolute;
    right: 0;
    width: 280px;
    height: auto;
    z-index: 100;
    background: #fff;
    border: 1px solid #adb5bd;
}
.detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name1 .detail-view .detail-view-box p{
    width: 100%;
    font-size: 13px;
    text-align: left;
    color: #282828;
    background: #efefef;
}
.detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name1 .detail-view .detail-view-box .detail-view-box-text{width: 80%;margin: 20px;}
.detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name1 .detail-view .detail-view-box .detail-view-box-text h5{ text-indent: -5px; line-height: 22px; font-size: 12px; font-weight: 400;}

article.artmall-detail-bottom{margin-bottom: 100px;}
article.artmall-detail-bottom .information-name{background:#6648AC; }
article.artmall-detail-bottom h1{color: #A28FCC; font-weight: 600;}
article.artmall-detail-bottom p.p_margin{margin-bottom: 15px;}
article.artmall-detail-bottom .detail-infor .info-invest>div p>strong{margin-top: 20px;}

.care-box .care{
    width: 25%;
    height: auto;
    background: white;
    border: 2px solid #eaeaea;
    margin: 0% 5% 5% 0%;
    float: left;
}
.care-box .care .care-img{
    padding-top: 25px;
    height: 200px;
    margin: 0px auto;
    text-align: center;
    border-bottom: 2px solid #eaeaea;
}
.care-box .care .care-img img{width: 40%;}
.care-box .care .care-img-w img{width: 50%; padding-top: 22px;}
.care-box .care .care-img-w2 img{width: 30%;}
.care-box .care .care-text{
    padding: 15px;
    height: 150px;
    background: #fdfdfd;
}
.care-box .care .care-text p{
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 24px;
    text-indent: -0.5em;
    font-weight: 400;
}

section.artmall-buy form.artmallbuy h1>span{font-weight: 400;}
section.artmall-buy form.artmallbuy select{
    border-radius: 0;
    background: white;
    border: 1px solid #ccc;
    -webkit-border-radius:0;
    -webkit-appearance:none;
}
section.artmall-buy form.artmallbuy p span.reset-btn{height: 30px;}
section.artmall-buy form.artmallbuy p span.artmall-adress-btn{
    background: #4bb7e2;
    display: inline-block;
    height: 30px;
    width: 18%;
    text-align: center;
}
section.artmall-buy form.artmallbuy p span.artmall-adress-btn a{
    display: block;
    color: white;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 5px;
    font-size: 12px;
}
section.artmall-buy form.artmallbuy div.artmall-cont{padding: 0;}
section.artmall-buy form.artmallbuy div.artmall-cont p.agree-cont-in{padding: 0;}
section.artmall-buy form.artmallbuy div.artmall-cont p.agree-cont-in-art{margin-bottom: 0;}
section.artmall-buy form.artmallbuy div.artmall-cont p.agree-cont-in-art2{margin-top: 10px;}

section form.artmall-buy-ok-form fieldset h1:nth-child(3){
    font-weight: 400;
    color: #696969;
    font-size: 16px;
}

div.mygallery{width: 100%; height: 260px;}
div.mygallery h1{
    text-align: center;
    font-size: 33px;
    margin-top: 40px;
}
div.mygallery .vr-banner{
    width: 100%;
    background: #e3e3e3;
    height: 170px;
    margin-top: 20px;
    overflow: hidden;
    text-align: center;
}
div.mygallery .vr-btn{
    position: relative;
    width: 100%;
    top: -170px;
    height: 170px;
    max-width: 1200px;
    margin: 0 auto;
}
div.mygallery .vr-btn>p{
    width: 140px;
    height: 45px;
    background: #282828;
    position: absolute;
    right: 250px;
    top: 65px;
}
div.mygallery .vr-btn>p a{
    display: block;
    color: white;
    font-size: 18px;
    text-align: center;
    line-height: 45px;
    font-weight: 500;
}
section#my-gallery .pagination{margin-bottom: 0;padding-bottom: 140px;}
section#my-gallery .gallery-tab{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
section#my-gallery .gallery-tab ul.gallery-tabmenu{
    width: 100%;
    height: 35px;
    text-align: center;
}
section#my-gallery .gallery-tab ul.gallery-tabmenu li{
    float: left;
    width: 25%;
    height: 15px;
    margin-top: 10px;
    border-right: 1px solid #ccc;
    text-align:center;
    letter-spacing: 1px;
}
section#my-gallery .gallery-tab ul.gallery-tabmenu li:last-child{border-right: none;}
section#my-gallery .gallery-tab ul.gallery-tabmenu li a{
    font-size: 18px;
    font-weight: 400;
    color: #b2b2b2;
    margin-top: -10px;
    display: block;
}
section#my-gallery .gallery-tab ul.gallery-tabmenu li a.select-gallery{color: #282828;font-weight: 600;}
div.gallery-text{
    clear: both;
    width: 100%;
    margin-top: 20px;
    background: #fafafa;
    padding-top: 25px;
}
div.gallery-text .gallery-main-t{
    width: 100%;
    height: 40px;
    background: #848484;
    margin-bottom: 30px;
}
div.gallery-text .gallery-main-t .main-t-in{
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    line-height: 40px;
}
div.gallery-text .gallery-main-t .main-t-in h2{
    width: 50%;
    height: 40px;
    font-size: 18px;
    font-weight: 500;
    color: white;
    letter-spacing: 1px;
    float: left;
}
div.gallery-text .gallery-main-t .main-t-in p{
    width: 50%;
    text-align: right;
    height: 40px;
    color: white;
    font-size: 20px;
    float: right;
    font-weight: 400;
}

div.gallery-text .gallery-main-t .main-t-in p>span{
    color: #ffcf83;
    letter-spacing: 1px;
    padding-right: 5px;
}
div.gallery-text .gallery-main-t .main-t-in p span.number-size{font-size: 24px;font-weight: 500;}

section.gallery-in{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
}
section.gallery-in .content-inner{float: left;margin: 0% 4% 3% 0%;}
section.gallery-in .content-inner:nth-child(2){margin-right: 0px;}

section.gallery-in .content-inner .inner-in .inner-text h1{font-size: 18px;font-weight: 500;}
section.gallery-in .content-inner .inner-in .inner-text h2{
    font-size: 14px;
    letter-spacing: -1px;
    color: #a7a7a7;
    font-weight: 400;
}
section.gallery-in .content-inner .inner-in .inner-text p{
    text-align: right;
    font-size: 12px;
    height: 45px;
    font-weight: 400;
    line-height: 60px;
}
section.gallery-in .content-inner .inner-in .inner-text p>span{font-size: 16px; font-weight: bold; margin-left: 5px;}

section.gallery-in .content-inner p.content2-state{background: #282828;}
section.gallery-in .content-inner p.content3-state{background: #d52c2c;}

article#vrComingsoon section.vrgallery-comingsoon{overflow: hidden;}
article#vrComingsoon section.vrgallery-comingsoon img{width: 100%;margin-top: 20px;}
article#vrComingsoon section.vrgallery-comingsoon h1{
    font-size: 25px;
    letter-spacing: -2px;
    margin: 40px 0 20px 0;
    color: #282828;
}
article#vrComingsoon section.vrgallery-comingsoon h2{
    font-size: 18px;
    font-weight: 400;
    color: #505050;
}
article#vrComingsoon section.vrgallery-comingsoon h2>span{font-weight: bolder;color: #184c86;}

section.Main-section{
    width: 100%;
    background: #001639;
    position: relative;
    height: 100%;
}
section.Main-section article#prev{
    position: absolute;
    width: 100%;
    z-index: 1;
    height: 60px;
    background: #3b4d6b;
    bottom: 120px;
}
section.Main-section article#nex{
    position: absolute;
    width: 100%;
    z-index: 1;
    height: 120px;
    background: #e1e9f0;
    bottom: 0;
}
#slideShow{
    position: relative;
    overflow: hidden;
    max-width: 1200px;
    width: 100%;
    z-index: 10 !important;
    height: 620px;
    margin: 0 auto !important;
}
#slideShow .slide ul li{
    max-width: 1200px;
    width: 100%;
    height: 620px;
    padding: 50px 0px;
}

li .m-in-content{
    width: 100%;
    height: 100%;
    max-width: 1200px;
}
li .m-in-content .in-content-left{
    position: relative;
    width: 30.83333%;
    background: #fff;
    overflow: hidden;
    display:table;
    height: 100%;
    padding:10px;
    margin-left: 1%;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
    float: left;
}
li .m-in-content .in-content-left .in-content-left-img{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
li .m-in-content .in-content-left .in-content-left-img img{width: 100%;}
li .m-in-content .in-content-right{
    width: 62%;
    height: 100%;
    float: right;
}
li .m-in-content .in-content-right .in-content-right-box1{width: 100%;height: 25%;}

.in-content-right-box1 p{
    font-size: 17px;
    color: #b7c0c7;
    font-weight: normal;
    padding-top: 15px;
    display: flex;
}
.in-content-right-box1 h1{
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -1.68px;
    line-height: 48px;
    color: #fff;
    word-break: break-all;
    max-height: 100px;
    height:auto;
    overflow: hidden;
}
.in-content-right-box1 h2{
    font-size:16px;
    font-weight: normal;
    letter-spacing: -0.64px;
    color: #cdd6de;
    margin-top:10px;
}

li .m-in-content .in-content-right .content-ing-bar{
    width: 100%;
    height: 20%;
    padding-top: 90px;
}
.content-ing-bar .bar-all{
    width: 100%;
    background: rgba(255, 255, 255, 0.23);
    height: 16px;
    border-radius: 100px;
    position: relative;
    overflow: hidden;
}
.content-ing-bar .bar-all span.bar-in{
    width: 50%;
    background: #e1e9f0;
    height: inherit;
    position: absolute;
    z-index: 1;
    left: 0;
    border-radius: 100px;
}
.content-ing-bar .bar-text p{
    width: 100%;
    color: #cdd6de;
    font-size: 19px;
    font-weight: 700;
    padding-top: 10px;
    letter-spacing: -0.56px;
}
.content-ing-bar .bar-text p.ing{color:#6289ff;}
.content-ing-bar .bar-text p.day-ing{color:#6DD0DE;}

.content-ing-bar .bar-text p>span{
    font-weight: 400 !important;
    font-size: 14px;
    color: #D4D4D4 !important;
    border-left: 1px solid #D4D4D4;
    padding-left: 6px;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}
.content-ing-bar .bar-text h4{
    font-size: 24px;
    letter-spacing: -0.96px;
    font-weight: bold;
    color: #fff;
}

li .m-in-content .in-content-right .in-content-right-box2{
    width: 100%;
    height: 30%;
    padding-top: 50px;
}
.in-content-right-box2 .Right-box-left{
    width: 65%;
    height: 56px;
    float: left;
}
.in-content-right-box2 .Right-box-left p{
    font-size: 14px;
    font-weight: 600;
    left: -0.64px;
    color: #fff;
    letter-spacing: -0.56px;
    line-height: 20px;
    padding: 5px 0px;
}
.in-content-right-box2 .Right-box-left span{
    font-size: 16px;
    font-weight: 300;
    left: -0.64px;
    color: #fff;
    letter-spacing: -0.56px;
}

.in-content-right-box2 .Right-box-right{
    width: 35%;
    background: #e1e9f8;
    text-align: center;
    line-height: 56px;
    height: 56px;
    float: right;
}
.in-content-right-box2 .Right-box-right a{
    display: block;
    width: 100%;
    height: 56px;
    font-size: 18px;
    letter-spacing: -0.72px;
    color: #212529;
    font-weight: 500;
}

li .m-in-content .in-content-right .main-prev{width: 100%;height: 11.5%;}
li .m-in-content .in-content-right .main-next{padding-right: 30px; width: 100%;height: 13.5%;}
li .m-in-content .in-content-right .main-prev p.prevnext{
    color: #fff;
    font-size: 20px;
    line-height: 55px;
    float: left;
}
li .m-in-content .in-content-right p.prevnext{
    letter-spacing: -0.96px;
    font-size: 24px;
    color: #495057;
    font-weight: bold;
    line-height: 110px;
    cursor: pointer;
    display: inline-block;
    float: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 700px;
}
li .m-in-content .in-content-right p.prevnext img{vertical-align: middle !important; display: inline-block !important;}
li .m-in-content .in-content-right .main-prev p.prevnext img{margin-right: 15px;}
li .m-in-content .in-content-right .main-next p.prevnext img{margin-left: 15px;}

/*bxslider css*/
section.Main-section .bx-wrapper .bx-caption span{display: none !important;}
section.Main-section .bx-wrapper {border: none !important; background: none !important; margin-bottom: 0px !important;}
section.Main-section .bx-pager{
    position: relative;
    z-index: 10;
    padding-top: 0px !important;
    text-align: center !important;
    margin-left: 1%;
    width: 30.83333% !important;
    bottom: 35px !important;
}
.Main-section .bx-pager-item{width: 15px !important;}
.Main-section .bx-pager-item a{background: #a7aeb4 !important;}
.Main-section .bx-pager-item a.active{background: #3e5165 !important;}

section.Main-section .bx-wrapper .bx-prev{
    background: url(/images/fo/prev.svg)no-repeat center center !important;
    display: none;
}
section.Main-section .bx-wrapper .bx-next{
    background: url(/images/fo/next.svg)no-repeat center center !important;
    display: none;
}
section.Main-section .bx-wrapper{border: none !important;box-shadow: none !important;}

section.Section{clear: both; margin-top: 100px;}
section.Section .Section-in{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
section.Section .banner-rolling{
    width: 70%;
    float: left;
    position: relative;
}
section.Section .banner-rolling .bx-wrapper{
    border: none;
    height: auto;
    overflow: hidden;
    box-shadow: none;
    background: none;
}
section.Section .banner-rolling .bx-wrapper .bx-viewport{max-width: 840px; width: 100%; margin: 0 auto;}
section.Section .banner-rolling a li{height: 260px;}
section.Section .banner-rolling a li.banner1{background: #497cea;}
section.Section .banner-rolling a li.banner1 h1{
    font-size: 28px;
    color: #ffe867;
    font-weight: 500;
    text-align: center;
    letter-spacing: -1.12px;
    padding-top: 35px;
}
section.Section .banner-rolling a li.banner1 h1>p{display: inline-block;}
section.Section .banner-rolling a li.banner1 p.textp2{
    font-size: 18px;
    color: #fff;
    text-align: center;
    letter-spacing: -0.72px;
    padding: 10px;
}
section.Section .banner-rolling a li.banner1>div.rental-img{width: 25%;margin: 20px auto;}

section.Section .banner-rolling a li.banner2{background: #0e275c;}
section.Section .banner-rolling a li.banner3{background: #40afab;}
section.Section .banner-rolling a li.banner4{background: #c3d47a;}
section.Section .banner-rolling a li.banner5{background: #001f62;}

section.Section .banner-rolling .bx-pager{
    text-align: right !important;
    right: 20px !important;
    bottom:20px;
}
section.Section .banner-rolling .bx-pager-item{width: 10px; margin: 0 2px;}
section.Section .banner-rolling .bx-pager-item a{background: #d5d3d3 !important; border-radius: 0px !important;}
section.Section .banner-rolling .bx-pager-item a.active{background: #f8a19f !important;}

section.Section .banner-fixed .img {height: 100%;display:block;}
section.Section .banner-fixed .img_m{display:none;}

/*section 2*/
section.Section2{
    width: 100%;
    height: 870px;
    background: #343a40;
    position: relative;
    overflow: hidden;
}
section.Section2 .bx-wrapper{background:none;}
section.Section2 .bx-wrapper .bx-viewport{ overflow: inherit !important;}
section.Section2:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.6;
    background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    opacity: 0.1;
}
section.Section2 .section2-main{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: inherit;
    position: relative;
    z-index: 10;
}
section.Section2 .bxslider .section2-box .section2-color{
    width: 100%;
    background: #001639;
    height: 250px;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
section.Section2 .bxslider .section2-box .section2-color2,section.Section2 .section2-main .section2-top .product-go-btn2{background: #f8a19f !important;}
section.Section2 .section2-main .section2-top2 h1 span{color: #f8a19f !important;}
section.Section2 .bxslider .section2-box .section2-color3,section.Section2 .section2-main .section2-top .product-go-btn3{background: #7f6f9b !important;}
section.Section2 .section2-main .section2-top3 h1 span{color: #7f6f9b !important;}
section.Section2 .bxslider .section2-box .section2-color4,section.Section2 .section2-main .section2-top .product-go-btn4{background: #ebcdaf !important;}
section.Section2 .section2-main .section2-top4 h1 span{color: #ebcdaf  !important;}

section.Section2 .bxslider .bxslider-slider .section2-box{
    z-index: 100;
    width: 100%;
    height: inherit;
    position: relative;
}
section.Section2 .bx-viewport{height: auto;}
section.Section2 .bx-prev{
    display: block !important;
    top: 400px !important;
    left: 220px;
}
section.Section2 .bx-next{
    display: block;
    top: 400px !important;
    right: 220px;
}
section.Section2 .section2-main .section2-top{
    width: 100%;
    height: 400px;
    text-align: center;
}
section.Section2 .section2-main .section2-top h1{
    color: #fff;
    padding-top: 80px;
    font-size: 32px;
    letter-spacing: -1.28px;
    line-height: 50px;
    font-weight: 300;
}
section.Section2 .section2-main .section2-top h1 span{
    font-weight: bolder;
    font-size: 36px;
    color: #4e99d9;
    letter-spacing: -1.44px;
}
section.Section2 .section2-main .section2-top .product-go-btn{
    width: 100%;
    max-width: 290px;
    background: #2166a2;
    height: 60px;
    margin:  75px auto;
}
section.Section2 .section2-main .section2-top .product-go-btn a{
    display: block;
    line-height: 60px;
    color: #e9ecef;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.8px;
}
section.Section2 .section2-main .section2-top .product-go-btn2 a,section.Section2 .section2-main .section2-top .product-go-btn4 a{color: #212529;}
section.Section2 .section2-main .section2-bottom{
    width: 100%;
    height: 470px;
    padding-top: 0px;
    text-align: center;
}
.section2-bottom div.white-box{
    width: 100%;
    height: 335px;
    background: #fff;
    max-width: 300px;
    display:table;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
}
.section2-bottom .bottom-boxs:last-child{margin-right: 0%;}
.section2-bottom div .bottom-img-box{
    width: 100%;
    max-width: 100px;
    margin: 0px auto;
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}
.section2-bottom div .bottom-img-box img { width: 100%; }
.section2-bottom .bottom-boxs{
    width: 22.7%;
    display:inline-block;
    margin-right: 2%;
    vertical-align: top;
}
.section2-bottom .bottom-boxs p{
    width: 100%;
    text-align: center;
    padding-top: 20px;
    color: #e9ecef;
    letter-spacing: -0.64px;
    font-weight: 300;
    font-size: 16px;
}
.section2-bottom .bottom-boxs p span{font-weight: bold; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section2-box-p-color p{color: #212529 !important;}

section.Section2 .bx-wrapper .bx-prev{background: url(/images/fo/section2-prev.svg)no-repeat center center !important; left: 10%;}
section.Section2 .bx-wrapper .bx-next{background: url(/images/fo/section2-next.svg)no-repeat center center !important; right: 10%;}

/*section 3*/
section.Section3{
    width: 100%;
    height: 620px;
    background: #343a40;
    position: relative;
    overflow: hidden;
}
section.Section3:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.6;
    background: url(/images/fo/section3-img.png) no-repeat top center;
    background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    opacity: 0.1;
}
section.Section3 .section3-tabmenu{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    height: inherit;
    padding-top: 75px;
}
section.Section3 .section3-tabmenu h1{
    float: left;
    color: #fff;
    height: 50px;
    font-size: 36px;
}
section.Section3 .section3-tabmenu h1>span{
    font-size: 16px;
    font-weight: 200;
    margin-left: 20px;
    letter-spacing: -0.64px;
}
section.Section3 .section3-tabmenu ul.Smarket-tabmenu{
    float: right;
    width: 50%;
    height: 50px;
}
section.Section3 .section3-tabmenu ul.Smarket-tabmenu li{
    width: 15px;
    height: 15px;
    margin-top: 30px;
    text-align: center;
    float: left;
    margin-left: 5px;
    background: #838383;
    border-radius: 50%;
}
section.Section3 .section3-tabmenu ul.Smarket-tabmenu>div{float: right;}
section.Section3 .section3-tabmenu ul.Smarket-tabmenu li a{display: block;text-indent: -9999px;}
section.Section3 .section3-tabmenu ul.Smarket-tabmenu li a.mselect{
    background: #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

section.Section3 .section3-tabmenu .market-tab-txt{
    width: 100%;
    clear: both;
    padding-top: 35px;
    height: inherit;
}
section.Section3 .section3-tabmenu .market-tab-txt .Market{width: 100%;height: inherit;}
section.Section3 .section3-tabmenu .market-tab-txt .Market .main-market{
    width: 100%;
    height: 13%;
    padding: 1%;
    border-top: 1px solid #ccc;
}
.main-market .market-Left{width: 50%; float: left;}
.main-market .market-Left h2{
    margin-top: 12px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.main-market .market-Left h3{
    margin-top: 20px;
    font-size: 16px;
    letter-spacing: -0.64px;
    font-weight: 500;
}
.main-market .market-Left p{
    font-size: 13px;
    color: #a0a5aa;
    font-weight: 400;
}
.main-market .market-Right{float: right; text-align: right;}
.main-market .market-Right h4{
    font-size: 24px;
    letter-spacing: -0.56px;
    margin-top: 20px;
}
.main-market .market-Right h4 span{
    font-size: 14px;
    font-weight: 300;
    margin-left: 5px;
}
.main-market .market-Right h1{height: 50% !important;font-size: 30px !important;}
.main-market .market-Right p{
    font-size: 13px;
    letter-spacing: -0.52px;
    font-weight: 400;
}

/*section 4*/
section.Section4{
    width: 100%;
    height: 520px;
    background: #f8f9fa;
    margin-bottom: 100px;
}
section.Section4 .A_T-blog{
    width: 100%;
    max-width: 1200px;
    margin:0 auto;
    padding-top: 55px;
}
section.Section4 .A_T-blog h1 span a{
    font-size: 16px;
    color: #868e96;
    display: inline-block;
    letter-spacing: -0.64px;
    margin-left: 1%;
    font-weight: 400;
}
section.Section4 .A_T-blog .A_T-blog-boxs{
    width: 23.5%;
    height: auto;
    float: left;
    margin-right: 2%;
}
section.Section4 .A_T-blog .A_T-blog-boxs a{ height:280px; overflow:hidden;  width: 100%;display: block;}
section.Section4 .A_T-blog .A_T-blog-boxs:last-child{margin-right: 0;}

section.Section4 .A_T-blog .A_T-blog-boxs .blog-boxs{ padding: 10px;  background: #fff; overflow: hidden;   height:280px; width: 90%; display: table-cell; vertical-align: middle;}
section.Section4 .A_T-blog .A_T-blog-boxs .blog-boxs .blog-boxs-img-box{width: 90%; display: table-cell; vertical-align: middle;}
section.Section4 .A_T-blog .A_T-blog-boxs .blog-boxs img{width: 100%;}
section.Section4 .A_T-blog .A_T-blog-boxs .blog-boxs iframe{width:100%; height:100%;}
section.Section4 .A_T-blog .A_T-blog-boxs p{
    font-size: 14px;
    color: #343a40;
    font-weight: 400;
    letter-spacing: -0.56px;
    margin-top: 10px;
}

section.auctionGuide{width: 100%;height: 200px;background: #51181e;position: relative;overflow: hidden;}
section.auctionGuide:before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;background: url(/images/fo/auctionMain.png) no-repeat center;background-size: cover; -ms-background-size: cover;-o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;opacity: 0.1;}
section.auctionGuide h1 {color: #fff;font-size: 42px;line-height: 200px;letter-spacing: -1.68px;font-weight: bold;text-align: center;position: relative; z-index: 1;}
section.PageA{width: 100%; max-width: 1200px; margin: 140px auto;}
section.PageA h1{font-weight: 500;text-align: center;font-size: 32px;color: #343a40;letter-spacing: -1.28px;line-height: 46px;}
section.PageA h2{line-height: 26px;margin-top: 20px;text-align: center;font-size: 16px;color: #343a40;font-weight: 300;letter-spacing: -0.64px;}
section.PageA .pageA-bigbox{ width: 100%; height: 100%; padding: 50px; font-size: 16px; color: #868e96; letter-spacing: -0.64px; font-weight: 300; text-align: center;}
section.PageA .pageA-bigbox .pageA-smallbox{width: 48%; height: 570px; float: left; padding: 40px;}
section.PageA .pageA-bigbox .pageA-smallbox:nth-child(1){margin-right: 4%;}
section.PageA1{width: 100%; height: 100%; padding-bottom: 120px;}
section.PageA1 .PageA1-in{text-align: center;width: 100%; max-width: 1200px; margin: 0 auto; color: #343a40;}
section.PageA1 .PageA1-in h1{font-weight: 500;font-size: 32px;letter-spacing: -1.28px;line-height: 46px; padding: 90px 0 50px;}
section.PageA1 .PageA1-in h2{font-size: 18px; letter-spacing: -0.72px;  font-weight: 400; line-height: 1.67;}
section.PageA1 .PageA1-in p{font-size: 16px; font-weight: 300;  line-height: 1.63; margin-top: 20px; letter-spacing: -0.64px;}
section.PageA2 .pageA-bigbox{padding: 0;}
section.PageA2 .pageA-bigbox .pageA-smallbox{width: 31.333%; height: 670px; float: left; }
section.PageA2 .pageA-bigbox .pageA-smallbox:nth-child(1),section.PageA2 .pageA-bigbox .pageA-smallbox:nth-child(2){margin-right: 3%;}

section.PageA .pageA-bigbox .pageA-smallbox h1{font-size: 24px; font-weight: bold; letter-spacing: -0.96px; font-family: 'Roboto';}
section.PageA .pageA-bigbox .pageA-smallbox h2{color: #9f1631; font-weight: 500; font-size: 24px; letter-spacing: -0.96; margin-bottom: 20px;}
section.PageA .pageA-bigbox .pageA-smallbox p{font-size: 16px; letter-spacing: -0.64px; line-height: 29px;}
section.PageA .pageA-bigbox .pageA-smallbox p>span{font-weight: 400;}
section.PageA .pageA-bigbox .pageA-smallbox>div{width: 90px; height: 90px; margin: 30px auto 25px;}
section.PageA .pageA-bigbox .pageA-smallbox>div>img{width: 100%;}

section.PageA1 .PageA1-in .PageA1-in-image{max-width: 700px; width: 100%; margin:55px auto;}
section.PageA1 .PageA1-in .PageA1-in-image h3{margin-bottom: 15px; text-align: left; font-size: 22px; letter-spacing: -0.88px; font-weight: 500;}
section.PageA1 .PageA1-in .PageA1-in-image .PageA1-in-image-box{width: 100%; height: 100%; box-shadow: 0 3px 9px rgba(0,0,0,0.06);}
section.PageA1 .PageA1-in .PageA1-in-image .PageA1-in-image-box>img{width: 100%;}
section.PageA1 .PageA1-in .PageA1-in-image p{font-size: 18px; letter-spacing: -0.72px; font-weight: 400;}
section.PageA1 .PageA1-in .PageA1-in-image p.box-p-ps{font-size: 16px; font-weight: 300; letter-spacing: -0.64px;}
section.PageA1 .PageA1-in .PageA1-in-image p.p-Margin{margin-bottom: 45px;}

.pageAcard{background: #fff; border: 1px solid #e9ecef;}

.product-list>li.auction-Ing{margin-left:0; margin-right: 5%;}
.product-list>li.auction-Ing:nth-child(3),.product-list>li.auction-Ing:nth-child(6),.product-list>li.auction-Ing:nth-child(9){margin-right:0px;}



@media screen and (min-width:790px) and (max-width:1200px){
    .subscription-detail-wrap .product-page-detail .detail-top .detail-right{padding: 20px !important;margin-top: 30px !important;}
    .subscription-detail-wrap .detail-right-text .product-about{padding: 0 0 100px;}
    section.Page2 .Page2-in .page2Main-in .page2Main-box{padding:25px;height: 600px; }

    section#guide .guide-all .guide-listbox p br{display:none;}

    article.cont2_re{padding: 3%;}

    .hover-auctions-re{display: none !important;}

    .number_re{width: 100%;margin-right: 0;margin-bottom: 3%;}
    .number_re .number-text .Acont-text .Acont-text-left{width: 70%;}
    .number_re .number-text .Acont-text .Acont-text-left h1{font-size: 14px;}
    .number_re .number-text .Acont-text .Acont-text-left p{font-size: 14px;}
    .number_re .number-text .Acont-text .Acont-text-right{width: 30%;margin-top: 15px;}
    .number_re .number-text .Acont-text .Acont-text-right h1{font-size: 14px;line-height:25px;}
    .number_re .number-Btn{width: 100px;}
    .number_re .number-Btn a{font-size: 14px;}

    .auctions-re .auctions-cont .Acont .Left_Acont-text{padding-right: 2px;}
    .product-page .product-list .product-state .auctions-state{width: 100%; margin-bottom: 15px;}
    .product-page .product-list .product-state .auctions-state span{width: 100%;}

    section.PageA {margin: 60px auto;}
    section.PageA .pageA-bigbox{padding: 10px; padding-top: 40px;}
    section.PageA .pageA-bigbox .pageA-smallbox p{font-size: 14px;}
    section.PageA .pageA-bigbox .pageA-smallbox p br{display:none;}
    section.PageA .pageA-bigbox .pageA-smallbox h2{font-size: 20px; margin-bottom: 10px;}
    section.PageA .pageA-bigbox .pageA-smallbox>div {width: 60px;height: 60px;margin: 20px auto 25px;}
    section.PageA .pageA-bigbox .pageA-smallbox{height: 550px;}
    section.PageA1 .PageA1-in h2{padding: 0px 20px; font-size: 17px;}
    section.PageA1 .PageA1-in p{font-size: 15px; margin-top: 10px;}
    section.PageA1 .PageA1-in .PageA1-in-image p{font-size: 16px;}
    section.PageA1 .PageA1-in .PageA1-in-image p.box-p-ps{font-size: 14px;}
    section.PageA1{margin-bottom: 60px;}
    section.PageA2 .pageA-bigbox .pageA-smallbox{height: 600px; padding: 2%;}

    .member-head { height: 100px; }
    .member-head .title { font-size: 24px; }
    .member-head-nh .title{padding: 50px 0 !important;}

    .mallBuy{max-width: 500px;}
    .mallBuy .mallBuy-in>div{width: 100%; padding: 15px;}
    .mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail .mallBuy-detailText{padding: 5px;}
    .mallBuy h2{font-size: 18px; padding: 15px;}
    .mallBuy .mallBuy-in div.mallBuy-box h1{font-size: 16px;}
    .mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li.mallBuy-state-text span.copyNumber{ float: none; width: 100%; text-align: left;  font-size: 14px;  }
    .mallBuy .mallBuy-in select{width: 100% !important;}
    .mallBuy .mallBuy-in input.mallBuyall2{width: 100%;}
    .mallBuy .mallBuy-in div.mallBuy-box-line .mallBuy-box-stay .mallBuy-boxsize40:nth-child(5) h3{width: 100%;}
    .mallBuy .mallBuy-in .mallBuy-boxsize40 span a{font-size: 12px;}
    .mallBuy .mallBuy-in div.mallBuy-box-gray{padding: 15px;}
    .mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail2 p{font-size: 12px;}
    .mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail2{margin-top: 10px;}
    .mallBuy .mallBuy-in div.mallBuy-box-line .mallBuy-box-stay .mallBuy-boxsize40 h3{font-size: 13px;width: 100%; height: 33px;}
    .mallBuy .mallBuy-in .mallBuy-boxsize40{margin-bottom: 30px;}
    .mallBuy .mallBuy-in div.mallBuy-box-line .agree-cont-in label.address-label{bottom:-30px;}
    .mallBuy .mallBuy-in div.mallBuy-box-line .agree-cont-in{margin-bottom: 0px;}
    .mallBuy .mallBuy-in input{width: 85%; max-width:900px;}
    .mallBuy .mallBuy-in input.pointBoxmall{width: 63%;}
    .mallBuy .mallBuy-in input.mallBuyall{width: 100%; max-width:900px;}
    .mallBuy .mallBuy-in div.mallBuybtn a{font-size: 18px;}

    .rental-list li p.rental-money span{font-size:13px !important; padding-top:0px; width:100%;}
    .rental-list li p.rental-money span.tooltip{float:none;}
    .rental-list li p.rental-money{margin-top:5px !important;}
    .rental-list li p.rental-money span.rentalM{width:100%; text-align:left;}
    .rental-list .product-text .goods-state{margin-bottom:5px;}

    section.Section .Section-in .banner-rolling{width: 100% !important; float: none; max-width: 840px; margin :0 auto;}

    /*main- reset*/
    #slideShow .slide ul li{padding-right: 2% !important;}
    section.Main-section .bx-pager{bottom: 100px !important;}

    li .m-in-content .in-content-left{height: 430px; display: table;}
    .in-content-right-box1 h1{
        font-size: 38px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /*section 2*/
    .section2-bottom div.white-box{
        width: 100%;
        height: 280px;
        display: table;
    }
    section.Section2 .section2-main .section2-bottom{padding: 6% !important;}

    /*section 3*/
    section.Section3 .section3-tabmenu{padding: 2% !important;padding-top: 75px !important;}

    /*section 4*/
    section.Section4 .A_T-blog{padding: 2% !important; }
    section.Section4 .A_T-blog .A_T-blog-boxs p{font-size: 13px;letter-spacing: -1.2px;}
    section.Section4 .A_T-blog h1{margin-top: 30px;}

    .main-side-btn{display:none;}
    .main-cont1{margin-top:80px;}
    #bx-pager{display:none;}
    .main-cont h2{font-size:18px;}
    .main-cont4{height:200px;}
    .main-cont4 img{
        width:100%;
        height:200px;
        transition:all .3s ease-in;
    }
    .main-cont4 .main-blog{
        left:4%;
        transform:translate(0,-50%);
        text-align:left;
        line-height:21px;
        font-size:12px;
    }
    .main-cont4 .main-blog h2{font-size:19px;}
    .main-cont3{height:200px;}
    .main-rental-cont{left:50%;}
    .main-rental-text{line-height:21px;font-size:12px;}
    .main-rental-img img{
        padding-left:90px;
        width:70%;
        height:190px;
    }
    .at-logo{width:14%;}
    .exchange-slide .bx-pagers a{
        color:gray;
        display:inline-block;
        width:100%;
        box-shadow: 0 0 3px 3px rgba(195,195,195,0.5);
        margin:20px 0 0;
        padding:2.5% 10px;
    }
    .exchange-slide-left img{margin-top:10%;}
    .exchange-slide .bx-pagers a p{font-size:15px;}
    .exchange-slide .bx-pagers a p span:first-child{line-height: 25px;;}
    .exchange-slide .bx-pagers a p:last-child{font-size:25px;}
    .company-join{max-width:400px;width:90%;}
    .company-join-form{max-width:400px; width:100%;}

    .rental-buy .company-left{
        border:none;
        height: auto;
        padding-right: 0;
        padding-bottom: 40px;
    }
    .company-join-form .company-right{padding-left:0;}
    .company-join-form >div > h3{margin-bottom:0;}

    /*.product-list li div.ing ul li.product-ing a{*/
    /*    display: inline-block;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*}*/
    .product-page-detail .detail-top > div{float:none;}
    .product-page-detail .detail-top .detail-left{width:90%;margin:0 auto;}
    .product-page-detail .detail-top .detail-right{
        margin-top:100px;
        width:100%;
        padding:0 20px;
    }
    .detail-infor{width:100%;}

    .detail-infor > div h1{
        float:none;
        width:110px;
        padding-bottom:20px;
    }
    .detail-infor > div > div{
        float:none;
        width:auto;
        margin-bottom:70px;
    }
    .info-reward table { width:100%;}
    .info-reward thead th{padding:10px 20px;font-weight:600;color:gray;}
    .info-reward td{
        padding:20px;
        line-height:25px;
        font-size:14px;
    }

    .preview-text ul li.preview-text-box{
        width: 25%;
        height: 90px;
        border-radius: 10px 10px 0 0;

    }
    .preview-text ul li.preview-text-box-opacity:after{border-radius: 10px 10px 0 0;}
    .preview-text ul li.preview-text-box .preview-text-box-name{margin-top: 15px;}
    .preview-text ul li.preview-text-box h1,.preview-text ul li.preview-text-box h2{font-size: 14px;}
    .preview-text ul li.preview-text-box:nth-child(2){
        padding-top: 0.5%;
        width: 50%;
        font-size: 12px;
        letter-spacing: 0.5px;
    }
    .preview-text ul li.preview-text-box:nth-child(3){font-size: 13px;}

    .main-auctions-box table tbody tr td:nth-child(1){padding-right: 1%;}
    .main-auctions-box table>tbody>tr>td:nth-child(3){font-size: 14px;}
    .main-auctions-box table>tbody>tr>td:nth-child(4){padding-left: 2%;}
    .main-auctions-box table>tbody>tr>td:nth-child(5){margin-left: 2%;}
    .main-auctions-box table>tbody>tr>td:nth-child(6){
        padding-right: 0;
        margin-left: 0;
        text-align:center;
        border: none;
        width: 10%;
        padding-left: 0;
        color: #f17519;
        font-weight: 500;
    }
    .detail-bottom .auctions-name p{
        font-size: 10px;
        text-align: right;
        letter-spacing: 0;
        padding-right: 1%;
    }

    article.auctions-number{padding: 2%;}
    .main-txt-auctions{margin-bottom: 30px;}
    .main-txt-auctions p{padding-top: 45px;margin-right: 18.5%;}
    .main-txt-auctions h1{font-size: 25px !important;margin-right: 14.5%;}

    .auctions-number .panel .auctions-number-text .product-state-auctitons{padding: 20px;}
    .auctions-number .panel .auctions-number-text .auctions-state2{
        font-size: 18px;
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .auctions-number .panel .auctions-number-text .auctions-state2 span{float: right; font-weight: 500; letter-spacing: 1px;}
    .auctions-number .panel .auctions-number-text .auctions-time{color: #f17519; text-align: center; margin:25px 0 10px 0;}
    .auctions-number .panel .auctions-number-text .auctions-number-box{
        width: 100%;
        height: 45px;
        background: #cccccc;
        color: gray;
        text-align: center;
        line-height: 45px;
        font-size: 15px;
        letter-spacing: 1px;
        transition: 0.2s ease-in;
    }
    .auctions-number .panel .auctions-number-text .auctions-number-box a{
        font-weight: 500;
        color: white;
        width: 100%;
        height: auto;
        display: inline-block;
    }
    .auctions-number .panel h2{
        border-bottom:1px solid #979797;
        font-size: 22px;
        margin-bottom: 30px;
        padding-bottom: 15px;
        line-height: 18px;
        color:#282828;
    }

    section#tab2 ul li div.auctions-img-a{background: #f5f5f5;}
    section#tab2 ul li div.auctions-img-a a div{
        width: 25%;
        height: 90px;
        float: left;
        overflow: hidden;
    }
    section#tab2 ul li div.auctions-img-a a div img{width: 100%;}

    .auctions-tabmenu #tab1 .auctions-test table>thead>tr>th:nth-child(2){width: 15%;}
    .auctions-tabmenu #tab1 .auctions-test table>thead>tr>th:nth-child(3){width: 24%;}

    .auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(6){display: none;}
    .auctions-tabmenu #tab1 .auctions-test table>thead>tr>th:nth-child(6){display: none;}
    .auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(7){width: 11%; font-size: 13px;}

    #rental-place-map{padding: 2%;}
    #rental-place-map .rental-map{width: 60%;}
    #rental-place-map .rental-map-product{width:40%;}

    .rental-buy .company-right h3{border-top: 1px solid #343a40; margin-bottom: 30px;}
    .rental-buy .company-right{border-left:none;}

    .market-detail-bottom .market-detail-infor{padding-bottom: 20px;}
    #tabmenu-market ul.market-panel #tab1 p label{font-size: 12px;}
    #tabmenu-market ul.market-panel #tab2 p label{font-size: 13px;}
    #tabmenu-market ul.market-panel #tab1 p:nth-child(1) a{width: 18%;}

    .container_explanation .nav {margin-top: -20px;}

    .product-page-detail .detail-top .market-detail-right{padding:0px;}

    /* //////////////////my page////////////////// */
    section#content1 h1{width: 100%;float: none;}
    section#content1 .excel-select{width: 100%;}
    section#content1 .excel-select .excel-choice p{font-size: 14px;margin:0px 10px 0px 0px;}

    section#content1 .excel-select .excel-choice .tablet-day{width: 62%;height: 40px;float: left;}
    section#content1 .excel-select .excel-choice .tablet-day .list-day{width: 75%;}
    section#content1 .excel-select .excel-choice p.day-p{text-align: right; margin: 0px; padding-right: 10px;}

    .mypage-left{height: 170px; margin: 3%;}
    .mypage-left img{display: inline-block; margin:15px 10px 30px 0;}
    .mypage-left span{font-size: 15px;}
    .mypage-left h2{font-size:18px; }
    .mypage-left span.percent{font-size: 26px;}
    .mypage-left span.ten{font-size: 24px;margin-right: 5px;}
    .mypage-left .my-name h2{font-size: 20px; width: 60%;padding-top: 10px;}
    .mypage-left .my-name p{font-size: 12px;}
    .mypage-left .left-box1{padding: 20px 5px !important;}
    .left-box2 ul{margin-top: 35px;}
    .left-box2 ul li{float: left; margin-right: 5.5%;}
    .left-box2 ul li:nth-child(1){margin-left: 20px;}
    .left-box3{padding: 5px 10px;}
    .left-box3 .application-btn{height: 35px;}

    .mypage-right .right-box{width: 50%;height: 80px; margin-left:0px; margin-right:-1px;}
    .right-box .center-box{
        width: 200px;
        text-align: center;
        height: 80px;
        margin-top: 20px;
    }
    .mypage-right img{width: 33px;}
    .center-box h1{font-size: 16px;padding: 10px 0 0 25px;}

    section.a-r-m-all{padding: 3%;padding-top: 50px;}
    section.a-r-m-all h1{font-size: 18px;}
    section.a-r-m-all .a-r-m ul.a-r-m-tabmenu li{width: 33.4%;}
    section.a-r-m-all .a-r-m ul.a-r-m-tabmenu li a{font-size: 14px;}
    section.a-r-m-all .a-r-m .a-r-m-in{height: 500px;margin-bottom: 15%;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text{width: 100%;height: 80px;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li{
        width: 32%;
        text-align: center;
        margin-left: 1%;
        font-size: 12px;
        height: 60px;
    }
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li span{
        display: block;
        width: 100%;
        margin-left: 1%;
    }
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li p{font-size: 14px;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li.a-r-m-text-width{width: 40%;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list{
        height: 420px;
        overflow-x:hidden;
        overflow-y:auto;
    }
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul{
        width: 100%;
        height: 270px;
        border-bottom: 1px solid #ccc;
    }
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li{
        float: left;
        width: 100%;
        height: 40px;
        line-height: 80px;
        padding-left: 2%;
        font-size: 14px;
        font-weight: 300;
    }
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul.width-six li{width: 100%;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li.max-width{width: 100%;}

    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li span.li-name{
        margin-right: 0;
        width: 50%;
        display: inline-block;
    }
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li span.li-text{width: 100%;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li span.charge{font-size: 10px;}
    /*mypage-invest--------*/
    .mypage-main-txt{height: 150px;}
    .mypage-main-txt h1{font-size: 35px;}
    .tab-menu {padding: 2%;}
    .tab-menu label {width: 19.7%; font-size: 18px;}

    .content-list table{font-size: 14px;}
    .content-list table tbody tr td span{width: 100px;height: 35px;line-height: 35px;}
    section#content1 .excel-select .excel-choice .list-day{width: 100%;}
    section#content1 .excel-select .excel-choice .list-day input{width:35%;}

    .tab-menu section#content5 .mypage-market-page .mypage-market1 ul li span.m-m1{width: 60%; font-size: 14px;}
    .tab-menu section#content5 .mypage-market-page .mypage-market1 ul li span.m-m2{width: 40%;font-size: 14px;}

    section#mypage-money article{padding: 0% 2%;}
    #mypage-money article .moneybox2>div div.moneybox-text{height: 340px;}
    #mypage-money article .moneybox2 .moneybox-text2 ul{padding: 40px 30px;height: 200px;}
    #mypage-money article .moneybox2 .moneybox-text2 ul li{font-size: 15px;margin-top: 0;line-height: 30px;}
    #mypage-money article .moneybox2 .moneybox-text2 ul li:nth-child(1){margin-top: 30px;}
    #mypage-money article .moneybox2 .moneybox-text2 ul li span{font-size: 19px;}
    #mypage-money article .moneybox2 .moneybox-text2 ul li span input{width: 200px;}
    #mypage-money article .moneybox2 .moneybox-text2 button.money-btn2{margin-bottom: 20px;}

    article#coupon-point{padding: 2%;}
    .mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-top .question-detail-name{padding-left: 20px; width:70% !important;}
    .mypage-question-center .center-text .center-t .question-txt>div:nth-child(2){width: 70%;}
    .mypage-question-center .center-text .center-t .question-txt>div:nth-child(3){width: 20%;}

    .art-product .art-text p{font-size: 15px;}
    .art-product .art-text h1{font-size:19px;}
    .art-product .art-text h2{font-size: 15px;}
    .art-product .art-text h3{font-size: 18px;}
    .art-product .art-text button a{font-size: 16px;}

    article.product-quick{display: none !important;}
    .detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name1{font-size: 19px;}
    .detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name{font-size: 17px;}

    form ul.artmall-number-texts li span.detail-texts-name1{width: 30%;}
    form ul.artmall-number-texts li span.detail-texts-name1 input.amount{max-width: 600px;}

    article.artmall-detail-bottom{border-bottom: none;}
    article.artmall-detail-bottom .detail-infor{border-bottom: 1px solid #ccc;}

    .care-box .care .care-text{height: 205px;padding: 11px;}

    section.gallery-in{padding: 5%;}
    div.mygallery .vr-banner img{width: 1300px;}
    div.mygallery .vr-btn{left: 30px; top: -140px;}
    div.mygallery .vr-btn>p{width: 200px;left: 80px;top: 35px;}
    section.gallery-in .content-inner .inner-in .inner-text h1{
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    div.gallery-text{padding-top: 15px;}
    div.gallery-text .gallery-main-t{margin-bottom: 0;}
    div.gallery-text .gallery-main-t .main-t-in{padding-left: 5%; padding-right: 5%;}

    #Crprt .company-join{padding :2%; padding-bottom: 100px;}

    /*마이페이지 new*/
    #memberContent .memberContent-in .contents .user-info{width:100%; margin-bottom:20px;}
    #memberContent .memberContent-in .contents .user-cont{margin-left: 0%;  width: 49%; margin-bottom:20px;}
    #memberContent .memberContent-in .contents div#myProfitTotal{float:right;}
    #memberContent .memberContent-in .contents .page-link-list{ margin-bottom:20px;}
}


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

    /*공동구매 상세페이지 수수료*/
    .detail-texts >li .detail-texts-name1 .tooltip-box .tooltip .tooltip-text{width: 270px;}

    article.cont2_re{padding: 4%;}
    .auctions-re .auctions-cont{height: auto;margin-bottom: 20px;}
    .auctions-re .auctions-cont .Acont{width: 100%;}
    .auctions-re .auctions-cont .Acont-left .Acont-img{width: 20%;}
    .auctions-re .auctions-cont .Acont-right .Right_Acont-text{width: 100%;  border-left: none; height: 70px;  }
    .auctions-re .auctions-cont .Acont-left .Left_Acont-text{width: 80%;background: #fff;height: 100px; float: right;}
    .auctions-re .auctions-cont .Acont .Left_Acont-text,
    .auctions-re .auctions-cont .Acont .Right_Acont-text{padding:15px;}

    .auctions-re .auctions-cont .Acont-left .Left_Acont-text{padding-right: 2px;}
    .auctions-re .auctions-cont .Acont .Acont-text-left{width: 100%;height: 80%;float: none;}
    .auctions-re .auctions-cont .Acont h1{font-size: 13px;letter-spacing: -0.56px;padding-top: 0px;}
    .auctions-re .auctions-cont .Acont p{font-size: 12px;padding-top: 1px;}
    .auctions-re .auctions-cont .Acont .Acont-text-right{width: 100%;}
    .auctions-re .auctions-cont .Acont-left .Left_Acont-text .Acont-text-right h1{width:40px; float: left;}
    .auctions-re .auctions-cont .Acont-right .Right_Acont-text .Acont-text-left{width: 100%; }
    .auctions-re .auctions-cont .Acont-right .Right_Acont-text h1{width: 50%;float: left; text-align: left;margin-top: 2px;}
    .auctions-re .auctions-cont .Acont-right .Right_Acont-text .Acont-text-left{height: 15px;}

    .auctions-re .auctions-cont .Acont-right .Right_Acont-text p{width: 50%; }
    .auctions-re .auctions-cont .Acont-right .Right_Acont-text p.krw-orange{width: 50%;float: right; text-align: right;}
    .auctions-re .auctions-cont .Acont-right .Right_Acont-text .Acont-text-right p{float: right;margin-top: 4px;}

    .auctions-re .auctions-cont .Acont .cont-viewbtn{width: 100%;height: 45px;}
    .auctions-re .auctions-cont .Acont .cont-viewbtn a{line-height: 45px;letter-spacing: -0.56px;}

    .auctions-re .auctions-cont .Acont .cont-finishbtn{width: 100%;height: 45px; clear: both;}
    .auctions-re .auctions-cont .Acont .cont-finishbtn a{line-height: 45px;letter-spacing: -0.56px;}

    .number_re{width: 100%;margin-right: 0; margin-bottom: 3%;}
    .number_re .number-text{width: 57%; padding: 10px;}
    .number_re .number-text .Acont-text .Acont-text-left{width: 65%;margin-top: 20px;}
    .number_re .number-text .Acont-text .Acont-text-left h1{font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .number_re .number-text .Acont-text .Acont-text-left h1>span.number{font-size: 12px;}
    .number_re .number-text .Acont-text .Acont-text-left p{font-size: 14px;}
    .number_re .number-text .Acont-text .Acont-text-right{width: 35%;margin-top: 30px; text-align:center;}
    .number_re .number-text .Acont-text .Acont-text-right h1{font-size: 12px;line-height:20px;}
    .number_re .number-text .Acont-text .Acont-text-right h1>span{font-size: 13px; letter-spacing: -0.82px;}
    .number_re .number-Btn{width: 10%; background:none;}
    .number_re .number-Btn a{font-size: 12px; color: #81031c !important; display:inline; line-height: 160px;}
    #auction-number .pagenation{padding-top: 30px;}

    section.auctions-main #auctions-main{height: 100px;}
    section.auctions-main #auctions-main h1{font-size: 24px;line-height: 100px;}

    section.auctions-main{height: 100px;}
    .preView{height: auto; background: #f5f8fa; width:100%;}
    .preView .preView-in>div{ padding: 5px 20px; letter-spacing: -0.72px;}
    .preView .preView-in>div:nth-child(1){ width: 100%; padding-top: 20px; }
    .preView .preView-in>div:nth-child(1) h1{font-size: 15px; margin-bottom: 0; }
    .preView .preView-in>div:nth-child(1) h2{font-size: 14px; }
    .preView .preView-in>div:nth-child(2){width: 100%;  }
    .preView .preView-in>div:nth-child(2) p{margin-bottom: 1px; font-size: 13px;}
    .preView .preView-in>div:nth-child(2) p>span{ margin-left: 5px;}
    .preView .preView-in>div:nth-child(2) h3{ font-size: 11px; }
    .preView .preView-in>div:nth-child(3){width: 100%; padding-bottom: 25px;}
    .preView .preView-in>div:nth-child(3) p{ line-height: 20px; font-size: 12px;  font-weight: 400;}
    .preView .preView-in .preView-day{font-size:18px; padding-bottom:20px;}

    .auctionList-box{margin-bottom:30px;}
    .auctionList-box .leftList{padding:0 10px; }
    .auctionList-box .leftList i{ margin-right:5px;font-size:14px;}
    .auctionList-box .leftList p{font-size:14px;}
    .auctionList-box .rightList li.prev,.auctionList-box .rightList li.next{padding:0 6px; }
    .auctionList-box .rightList li i{font-size:12px; padding:2px; }
    .auctionList-box .rightList li span.text{font-size:12px; }
    .auctionList-box .rightList li.prev{margin-right:8px;}
    .auctionList-box .rightList li.next{margin-left:8px;}
    .auctionList-box .rightList li.current{padding:0 3px; }
    .auctionList-box .rightList li.current span.total{font-size:13px;}

    .detailRight .detail-right-text .lot-number{font-size: 20px;}
    .detailRight .detail-right-text .product-name{font-size: 20px;}
    .detailRight .detail-right-text .product-about{font-size: 13px;  }
    .detailRight .detail-right-text .productT{font-size: 14px; line-height: 18px;}
    .detailRight .detaileTexts{ margin: 10px 0;}
    .detailRight .detaileTexts>li{height: 40px; line-height: 40px;}
    .detailRight .detaileTexts>li span.detail-texts-name{font-size: 12px;}
    .detailRight .detaileTexts>li span.detail-texts-name1{font-size: 14px; }
    .detailRight .detaileTexts>li span.detail-texts-name1-color{font-size: 18px; }
    .detailRight .detaileTexts p{font-size: 12px;}
    .detailRight ul.auctionTime{padding: 10px 0;}
    .detailRight ul.auctionTime li span.detail-texts-name{font-size: 12px; line-height: 28px;}
    .detailRight ul.auctionTime li span.detail-texts-name1{font-size: 23px; font-weight: 500; color: #495057; letter-spacing: -0.96px; float: right;}
    .detailRight .btn-area .auctions-buy-btn{font-size: 16px;}

    .detailRight .btn-auctions-no li.btn-auctions-no-text{width:69%; font-size:12px;  letter-spacing:-0.92px;}
    .detailRight .btn-auctions-no li.btn-auctions-no-btn{width:28%; max-width:100%;}
    .detailRight .btn-auctions-no li.btn-auctions-no-btn a{font-size:13px; }

    article#auctionsModal{padding: 20px;}
    article#auctionsModal section.body h1{font-size: 16px;  margin: 40px 0 25px;}
    article#auctionsModal section.body p{font-size: 13px;margin: 0 auto 2px;line-height: 25px; text-indent: -7px;}
    article#auctionsModal section.body p:nth-child(9){margin-bottom: 35px;}
    article#auctionsModal section.body div.modal-yes-btn{margin-top: 70px;}
    article#auctionsModal section.body div.modal-yes-btn p{ font-size: 16px;  text-indent: 0;}
    article#auctionsModal section.body .agree-cont-in label{ line-height: 17px;}

    article#auctionsModal2{padding: 20px 20px;}
    article#auctionsModal2 section.body h1{font-size: 16px; }
    article#auctionsModal2 section.body>p{font-size: 14px; line-height: 22px; margin-bottom: 25px;}
    article#auctionsModal2 section.body .auctions-choice .auctions-choice-top p.floatright{text-align:left; height: 60px; }
    article#auctionsModal2 section.body .auctions-choice h2{margin-bottom:0; height:35px; line-height:35px; width: 100%; font-size: 16px; }
    article#auctionsModal2 section.body .auctions-choice .auctions-choice-top div.bid-btn{width: 100%; }
    article#auctionsModal2 section.body .auctions-choice .auctions-choice-top div.bid-btn input[id="bid-btn1"] + label{width: 50%;  font-size: 14px; }
    article#auctionsModal2 section.body .auctions-choice .auctions-choice-top div.bid-btn input[id="bid-btn2"] + label{width: 50%;  font-size: 14px; }

    article#auctionsModal2 section.body .auctions-choice .auctions-choice-bottom .auctions-choice-bottom-btn{ width: 100%; }
    article#auctionsModal2 section.body .auctions-choice .auctions-choice-bottom input{font-size: 13px; width: 70%;}
    article#auctionsModal2 section.body .auctions-choice .auctions-choice-bottom .auctions-choice-bottom-btn-box{ width:30%;    margin-top: -5px; }
    article#auctionsModal2 section.body .auctions-choice .auctions-choice-bottom .auctions-choice-bottom-btn-box button{width: 50%; letter-spacing: -0.9px;}
    article#auctionsModal2 section.body .modal-yes-btn2 a{font-size: 16px;}
    article#auctionsModal2 section.body .auctions-choice .choice-bottom-text h4{display: none;}
    article#auctionsModal2 section.body .auctions-choice .choice-bottom-text p{font-size: 12px;  padding: 0px 5px;}

    .auctions-detail-news{margin-bottom: 60px; }
    .auctions-detail-news .auctions-name{font-size: 14px;  height: 40px; line-height: 40px;}
    .auctions-detail-news .auctionsPaper .bid-number{width: 20%; }
    .auctions-detail-news .auctionsPaper .bid-number p{font-size: 18px; padding-right: 0px;}
    .auctions-detail-news .auctionsPaper .bid-list{width: 80%; padding: 15px;}
    .auctions-detail-news .auctionsPaper .bid-list section.table{border-top: none;}
    .auctions-detail-news .auctionsPaper p{font-size: 12px; font-weight: 400; text-align: right;line-height: 30px; padding-right: 15px;}
    .auctions-detail-news .auctionsPaper .bid-number p span.bidNumber{font-size: 22px;}
    .auctions-detail-news .auctionsPaper .bid-list section.table .thead{display: none;}
    .auctions-detail-news .auctionsPaper .bid-list section.table .thead .tr{border-bottom: 1px solid #E9ECEF; height: 44px;}
    .auctions-detail-news .auctionsPaper .bid-list section.table .thead .tr .th{width: 25%;}
    .auctions-detail-news .auctionsPaper .bid-list section.table .tbody{font-size: 12px;}

    .auctions-detail-news .auctionsPaper .bid-list section.table .tbody .tr{margin-bottom: 10px;padding: 4px 10px;height: auto;border: 1px solid #E9ECEF; border-left: 2px solid #ddd;}
    .auctions-detail-news .auctionsPaper .bid-list section.table .tbody .tr .td{width: 100%; line-height: 30px; text-align: left; }
    .auctions-detail-news .auctionsPaper .bid-list section.table .tbody .tr .td span.mo_trblock{color: #868e96; width: 70px; display: inline-block; float: left;}
    .auctions-detail-news .auctionsPaper .bid-list section.table .tbody .tr .td span.bid-check{position: absolute; display: inline-block; margin-left: 10px;}
    .auctions-detail-news .auctionsPaper .bid-list section.table .tbody .tr .td span.bid-check img{vertical-align: sub; width: 15px; height: 15px;}

    article.detailBottom .auctions-name1{font-size: 14px;  height: 40px; line-height: 40px;}
    article.detailBottom{margin-top: 60px;}

    section.auctionGuide{height: 120px;}
    section.auctionGuide h1 {color: #fff;font-size: 24px;line-height: 120px;}
    section.PageA {margin: 60px auto;}
    section.PageA h1{font-size: 18px;}
    section.PageA h2{padding: 15px; font-size: 14px; margin-top: 0;}
    section.PageA .pageA-bigbox{padding: 0; padding-top: 30px;}
    section.PageA .pageA-bigbox .pageA-smallbox{padding: 20px; width: 100%; height: auto; margin-bottom: 4%;}
    section.PageA .pageA-bigbox .pageA-smallbox>div{width: 50px; height: 50px; margin: 10px auto 0;}
    section.PageA .pageA-bigbox .pageA-smallbox h2{font-size: 20px; margin-bottom: 0; padding: 20px 0 10px;}
    section.PageA .pageA-bigbox .pageA-smallbox h1{font-size: 22px;}
    section.PageA .pageA-bigbox .pageA-smallbox p{font-size: 12px; line-height: 24px;}
    section.PageA1 .PageA1-in h1{font-size: 20px; line-height: 0; padding: 60px 0 30px;}
    section.PageA1 .PageA1-in h2{font-size: 15px; padding: 10px;}
    section.PageA1 .PageA1-in p{margin-top: 10px; font-size: 12px; padding: 10px;}
    section.PageA1 .PageA1-in .PageA1-in-image h3{font-size: 19px; margin-bottom: 10px; padding-left: 10px;}
    section.PageA1 .PageA1-in .PageA1-in-image p{font-size: 14px;}
    section.PageA1 .PageA1-in .PageA1-in-image p.box-p-ps{font-size: 12px; margin-top: 0;}
    section.PageA1{padding-bottom: 40px;}
    section.PageA2 .pageA-bigbox .pageA-smallbox{width: 100%; margin-bottom: 4%; height: auto; padding: 5%;}

    .member-head { height: 100px !important; }
    #commonContent .commonContent-in .contents > .head .menu-list li a{font-size:14px;}
    .member-head .title { font-size: 24px !important;  line-height: 100px !important;}
    article.auctions-number{ margin: 20px auto 120px;}

    .mallBuy{max-width: 500px;}
    .mallBuy .mallBuy-in>div{width: 100%; padding: 15px;}
    .mallBuy h2{font-size: 18px; padding: 15px;}
    .mallBuy .mallBuy-in div.mallBuy-box h1{font-size: 16px;}
    .mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct{padding:10px;}
    .mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail .mallBuy-detailImg{width:70px; height: 70px; margin-right:5px;}
    .mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail .mallBuy-detailText h3{margin-top:15px;}
    .mallBuy .mallBuy-in div.mallBuy-box ul.mallBuy-state li.mallBuy-state-text span.copyNumber{ float: none; width: 100%; text-align: left;  font-size: 14px;  }
    .mallBuy .mallBuy-in select{width: 100% !important;}
    .mallBuy .mallBuy-in input.mallBuyall2{width: 100%;}
    .mallBuy .mallBuy-in div.mallBuy-box-line .mallBuy-box-stay .mallBuy-boxsize40:nth-child(5) h3{width: 100%;}
    .mallBuy .mallBuy-in .mallBuy-boxsize40 span a{font-size: 12px;}
    .mallBuy .mallBuy-in div.mallBuy-box-gray{padding: 15px;}
    .mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail2 p{font-size: 12px;}
    .mallBuy .mallBuy-in div.mallBuy-box .mallBuy-prouduct .mallBuy-detail2{padding-top:20px;}
    .mallBuy .mallBuy-in div.mallBuy-box-line .mallBuy-box-stay .mallBuy-boxsize40 h3{font-size: 13px;width: 100%; height: 33px;}
    .mallBuy .mallBuy-in div.mallBuy-box-line .mallBuy-box-stay .mallBuy-boxsize40 h3.noh3{display:none;}
    .mallBuy .mallBuy-in .mallBuy-boxsize40{margin-bottom: 30px;}
    .mallBuy-boxsize40.request{margin-bottom:40px !important;}
    .mallBuy-boxsize40.request h3{margin-top: 10px !important;}
    .mallBuy .mallBuy-in div.mallBuy-box-line .agree-cont-in{margin-bottom: 0;}
    .mallBuy .mallBuy-in div.mallBuy-box-line .agree-cont-in label.address-label{bottom:-30px;}
    .mallBuy .mallBuy-in input{width: 84%; max-width: 900px;}
    .mallBuy .mallBuy-in input.pointBoxmall{width: 62%;}
    .mallBuy .mallBuy-in input.mallBuyall{width: 100%; max-width: 900px;}
    .mallBuy .mallBuy-in div.mallBuybtn a{font-size: 18px;}

    .auctionBuy .auctionBuy-in div.mallBuy-box .mallBuy-prouduct{background:#fafcfd;  padding: 15px;}
    .auctionBuy .auctionBuy-in div.auctionBuy-box .mallBuy-prouduct ul.w30p{width: 100%; float: none; }
    .auctionBuy .auctionBuy-in div.auctionBuy-box .mallBuy-prouduct ul.w70p{width: 100%; padding-left: 0;}
    .auctionBuy .auctionBuy-in div.auctionBuy-box .mallBuy-prouduct ul.w30p li.w30p-img{ margin: 0 auto; width: 50%; }
    .auctionBuy .auctionBuy-in div.auctionBuy-box .mallBuy-prouduct ul.w30p li.w30p-title-art{margin-bottom: 10px;}

    .auctionBuy .auctionBuy-in div.auctionBuy-box .auction-no-pay{height:auto !important;}

    section.s-center{padding-bottom:0;}

    section.Section2 .bx-prev{top: 150px !important; left:15px !important;}
    section.Section2 .bx-next{top: 150px !important; right:15px !important;}

    .rental-buy .company-right{border-left:none;}
    .product-state-per{font-size: 12px;}
    .detail-bottom .information-name{font-size:14px !important;}
    .join fieldset p.join-btn a{
        width: 250px;
        padding-left: 100px;
        padding-right: 0;
    }
    #bx-pager{display:none;}
    .main-side-btn{display:none;}
    .news-letter{display:none;}
    .main-cont{margin:40px auto;}
    .main-cont1{margin-top:40px;}
    .main-cont h2{font-size:16px;}
    .main-cont3{height:200px;}
    .main-rental-cont{left:50%;}
    .main-rental-text{
        line-height:18px;
        font-size:13px;
        font-weight: 300;
        margin:10px 0;
    }
    .main-rental-img img{
        padding-left:20px;
        padding-top:40px;
        width:75%;
        height:160px;
    }
    .at-logo{width:14%;}
    .main-cont4{height:200px;}
    .main-cont4 img{
        width:100%;
        height:200px;
        transition:all .3s ease-in;
    }
    .main-cont4 .main-blog{
        left:4%;
        transform:translate(0,-50%);
        text-align:left;
        line-height:21px;
        font-size:12px;
    }
    .main-cont4 .main-blog .main-more-plus{top:0;}
    .main-cont4 .main-blog h2{font-size:19px;}
    .main-cont5-top{font-size:15px;}
    .main-cont5-top ul li{letter-spacing: 0; font-weight: 300;}
    .main-cont5-top ul li span{font-size:18px;}
    .main-cont5 .time{padding-top:0;}

    .main-exchange ul li{font-size:14px;}
    .main-cont5-top{height:40px;}
    .exchange-slide{
        height:auto;
        margin-top:40px;
        padding:30px 10px;
    }
    .exchange-slide-left{
        width:80%;
        margin:0 auto;
        float:none;
    }
    .exchange-slide-left img{width: 100%;}
    .exchange-slide-right {
        width:80%;
        margin:0 auto;
        float:none;
    }
    .exchange-slide-right .fadeShow-right-top{padding-bottom:0;padding-top:10px;}
    .exchange-slide-right .fadeShow-right-top .profit{font-size:18px;}
    .exchange-slide .bx-pagers a{padding:2% 10px;}
    .exchange-slide .bx-pagers a p{font-size:15px;line-height: 24px;}
    .exchange-slide .bx-pagers a p:last-child{
        font-size:25px;
        margin-top: 20px;
        line-height:30px;
    }
    .exchange-slide .bx-pagers a.active p{color:#fff;}
    .side-btns{display:none;}
    .utill-label{font-size:25px;}
    .login,.findid,.join,.company-join{margin-bottom:90px;}
    form.consignation{width:100% !important; }
    section.buyOk .buy-ok p{font-size:14px;     font-weight: 400;}

    section.buyOk{padding-bottom:60px; }
    .buy-ok{padding:40px 20px !important; }
    .buy-ok fieldset h1{font-size: 18px !important;}
    .buy-ok fieldset h1.buyArtist{font-size:14px !important; }
    .buy-ok fieldset p{font-size: 16px;}
    .buy-ok fieldset button{height:40px;}
    .buy-ok fieldset button a{ font-size:14px;}

    .company-join-form{max-width:400px;width:100%;}
    .company-join-form > div{max-width:400px;width:100%;float:none;}
    .company-join-form .company-left{border:none;}
    .company-join-form .company-right{padding-left:0;}
    .company-join-form .company-right h3{padding-top:40px;}
    .company-join-form >div > h3{margin-bottom:0;}

    .product-sorting{position: relative; float:left;}
    .product-page .product-solt{width:120px;}
    .product-sorting .select-list{width:120px;}
    .product-sorting .select-list li i{margin-left:57px;}
    .product-search{max-width: 500px !important; margin-top: 15px;}
    .product-page{margin: 30px auto 120px;}
    .product-search input{
        right:0;
        max-width: inherit !important;
        width:100% !important;
    }
    section.ownership-page .fordesign{margin-bottom:5px;}
    .product-page .total{font-size:14px;}
    .product-list> li{
        width:100%;
        margin-left:0;
        margin-bottom:50px;
    }
    article.ProductList ul.product-list ul.goods-state li.state-box,
    .product-list li .d-day-box{width: 60px; height: 60px;}
    article.ProductList ul.product-list>li .product-state .product-state-piece{font-size:18px;}

    /*저작권 이슈 썸네일 수정*/
    /*.product-list li div.ing ul li.product-ing a{*/
    /*    display: inline-block;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*}*/
    .product-list li div.ing ul li.product-ing a img{
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .product-list li>div.ing ul li.poduct-ing a{
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .product-list li>div.ing ul li.product-ing a img{
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .info-product .info-product-in div p.artist-img{height: auto;}
    .info-product .info-product-in div p.artist-img img{width:100%;}

    .product-text .product-name{font-size:22px;}
    .product-text .product-about{font-size:12px;}
    .product-page-detail .detail-top > div{float:none;}
    .product-page-detail .detail-top .detail-left{width:90%;margin:0 auto;}
    .product-page-detail .detail-top .detail-left p.copyright{font-size:12px;padding-top: 6px;}
    .subscription-detail-wrap .product-page-detail .detail-top .detail-left{width:100%;}
    .subscription-detail-wrap .product-page-detail .detail-top .detail-left p.copyright{text-align: right; padding: 0 10px 0 0 !important;}
    .detail-top .detail-left:hover .side-btn{display:none;}
    .product-page-detail .detail-top .detail-right{margin-top:20px;width:100%;padding:0 20px;}
    .product-page-detail .detail-left .bx-pager{text-align: left;}

    /*청약 상세*/
    .mo-ver-display{display:none;}
    .pc-ver-display{display:block;}
    .pc-ver-display.copyright{text-align: right; padding: 5px 20px 0 0;}
    .subscription-detail-wrap .product-page-detail .detail-top .detail-right{padding: 20px !important;     margin-top: 0 !important;}
    .detailImgList .information .detail-information .information-text{font-size:18px; padding: 40px 30px;}
    .detailImgList .information .detail-information .information-text span.detail-texts-name1{font-size:24px;}
    .detailImgList .information .detail-information .information-text .scbscription-time{font-size:14px; margin-top: 25px; font-weight: 200 !important;}
    .detailImgList .information .detail-information,
    .detailImgList .img-list{padding-bottom: 0 !important; border-radius: 0 !important;}
    .detailImgList .information{height: inherit; border-radius: 0;}
    .detailImgList .img-list .list{border: none;   border-radius: 0 !important; }
    .detailSubImgList{top: 25px !important;}
    .detailSubImgList .swiper-pagination-bullet{width: 25px !important; }
    .subscription-detail-wrap .detail-right-text .product-about{padding: 0 0 30px; max-width: 180px; font-size: 12px;}
    .subscription-detail-wrap .btn-area-share{left: 0; display: contents;}
    .product-page-detail .detail-top .detail-right ul.notice-ul{margin-top: 10px;border-top: 1px solid #e9ecef;padding-top: 15px;}
    .subscription-detail-wrap .btn-area .buy-btn{width: 90% !important;;}
    .subscription-detail-wrap .detail-right-text .product-name{max-width:185px; font-size: 18px;}

    .product-page-detail .detail-left .bx-pager{margin-top:10px;}
    .product-page-detail .detail-left .bx-pager a img{width: 24%;}
    .product-page-detail .detail-top .detail-left .bxslider li{height: auto;width:100%;}
    .product-page-detail .detail-top .detail-left .bxslider li img{height: auto;width: 100%;}
    .info-product .info-product-in ul li { height:auto; }
    .info-product .info-product-in ul li h5 { height: auto;  }
    .product-page-detail{width:99%;margin:10px auto;}
    .subscription-detail-wrap .product-page-detail{width:100% !important;}
    .mall-detail-infor{padding: 40px 0 0 !important;}

    /*투자 관련 문서 (청약 상세)*/
    .pdf-document{display: block;padding: 30px 10px; margin-top: 0;  border: none;border-radius: 0;}
    .pdf-document h1{font-size: 16px; margin-bottom: 20px; text-align: center; }
    .pdf-document .pdf-button.securities{margin-left: 0;}
    .pdf-document .pdf-document-button{margin: 0 auto;}
    .pdf-document .pdf-button{font-size: 14px;height: 60px; vertical-align: top; min-width: fit-content;}
    .pdf-document .pdf-button .arrow{bottom:10px;}
    .pdf-document .pdf-button .arrow i{font-size:16px;}
    .pdf-document .pdf-button a{ font-size: 12px;white-space: inherit;text-overflow: inherit;max-width: 105px;vertical-align: top;float: left;}
    .invest-list-arrange{padding:20px;}
    .subscription-buy .body .detail .in.round,
    .subscription-buy .body .detail .in.signature,
    #buyModal .invest-notice{margin: 25px;}
    #buyModal .body h1{font-size:20px;}
    #buyModal .body > p{margin: 5px 0;}
    .subscription-buy .body .detail .in.essential{padding: 25px;}
    .subscription-buy .body .detail .in.signature .button button a,
    button.toss-button a,
    .joinEmail-in .button-arrow .phone-button a{font-size:14px;}
    .invest-list-arrange li{line-height: 22px;      margin-bottom: 2px !important;}
    .agree-cont-in span.look-detail{font-size:13px;}
    .subscription-buy .body .detail .agree-cont{padding: 0;}
    #buyModal .agree-cont-in{padding: 2px 0 !important;}
    .modal.quantity-modal .agree-cont-in.que .agree-cont-in-notice{font-size:13px; margin-top:4px; }
    .investCheckboxModal .click-agree-cont{ padding: 15px 20px;}
    .investCheckboxModal .click-agree-cont .agree-cont-in{padding: 7px 0 !important; display: flex;justify-content: space-between;align-items: flex-start;}
    .arrow-wrap{right: 20px;}
    .subscription-buy .body .detail .in.orporation-signature{padding: 30px 20px 15px; }
    .subscription-buy .body .detail .in.orporation-signature h1{margin: 10px 0 !important; line-height: 24px !important;}
    .subscription-buy .body .detail .in h1{font-size:16px; }
    .subscription-buy .body .detail .in h1{font-size:16px !important;;}
    .subscription-buy .body .detail .in.round h1{    padding: 12px 20px;}
    #buyModal .body ul li p{font-size:13px;}
    .round.guide li p.gray{max-width: 60px !important;}
    .subscription-buy .body .detail .agree-cont .download-button{width: 100%; display: block;margin-top: 8px; }
    .subscription-buy .body .detail .in.signature .button.button-arrow button{max-width: inherit;}
    /*청약 신청 수량 입력 화면*/
    .quantity-step .quantity-step-top,
    .quantity-step .quantity-step-middle,
    .quantity-step .quantity-step-bottom{padding: 30px 40px;}
    .quantity-step .quantity-step-top p{font-size: 12px; }
    .quantity-step .quantity-step-top .img{width: 80px; height: 80px;}
    .quantity-step .quantity-step-middle .unit-button button{border-radius: 20px; padding: 10px 0; font-size:12px;}
    .quantity-step .quantity-step-middle .quantity-possible{margin: 8px 0 20px 0;}
    .quantity-step .quantity-step-middle .quantity-block{padding-bottom:4px;}
    .quantity-step .quantity-step-middle .sort-in p{font-size: 14px;}
    .quantity-step h1{font-size: 16px;}
    .quantity-step .quantity-step-middle .quantity-step-unit h1{font-size: 18px;}
    .quantity-step .quantity-step-bottom .buy-btn{position: inherit !important; width: 100% !important; display: block;}
    .mo-pc-padding{padding-bottom: 0;}
    .modal.quantity-modal{position: absolute; left: 0; bottom: 0 !important;; width: 100% !important; border-radius: 10px 10px 0 0; max-width: initial;}

    /*전자서명*/
    .kg-quantity-modal{max-width: 800px !important;;}
    .kg-quantity-modal .kg-title{font-size:16px;}
    .kg-quantity-modal .kg-signature-button a .text{font-size:14px;}
    .kg-quantity-modal .app-push-notice p{ font-size: 14px;}
    .kg-quantity-modal .app-push-notice span{font-size: 13px; line-height: 1.5; }

    .detail-infor > div h1{
        float:none;
        width:110px;
        margin-bottom:20px;
    }

    .detail-infor > div > div{
        float:none;
        width:auto;
        margin-bottom:70px;
    }

    div.rental-txt>div div#map{height:300px !important;}

    .detail-right-text .product-name{font-size:20px;padding:5px 0 10px;}

    .product-page-detail .detail-top .detail-right ul.notice-ul li span.left{font-size: 14px; height: 30px; line-height: 30px;}
    .product-page-detail .detail-top .detail-right ul.notice-ul li button{    height: 30px; max-width: 130px; font-size: 12px;}
    .detail-texts{padding:10px 0;margin:20px 0;}
    .detail-texts >li{height:35px; line-height:35px;}
    .detail-texts >li .detail-texts-name{font-size:12px; width: 22%; }
    .detail-texts >li .detail-texts-name1{font-size:14px;letter-spacing:-0.52px; width: 78%;}
    .detail-texts >li .detail-texts-name1 span{font-size:11px;}
    .btn-area .share-btn{width:40px;height:40px;}
    .btn-area .share-btn > a> i{font-size:25px;line-height:39px;}

    /*토스 : 청약하기 버튼*/
    .btn-area .buy-btn{
        width:90%;
        height:60px;
        font-size:16px;
        font-weight: 500;
        position: fixed;
        bottom: 20px;
        left: 5%;
        letter-spacing: -0.52px;
        line-height:60px;
        z-index: 10;
        box-shadow: 0 3px 9px rgba(0,0,0,0.3);
        transition:all .3s ease-in;
    }
    .btn-area .buy-btn a{font-size:16px; color:#fff; font-weight: 500;}
    .btn-areas{float:left;}
    .top-btn{bottom: 95px !important; }
    .buyXtext{font-size:12px; margin-top:0; width: auto; float: right;}
    /*---------------------------*/

    .subscription-detail-wrap .share-btn-in{left: 45px !important;}

    .share-btn-in{
        top:45px;
        width:222px;
        height:60px;
    }
    .share-btn-in li img{width:30px;}
    .detail-infor p{
        line-height: 24px;
        font-size:13px;
        font-weight:300;
    }

    div.detail-infor > div.info-invest > div {
        line-height: 24px;
        font-size: 13px;
        font-weight: 300;
    }
    .news-body-top{
        border-bottom:1px solid rgb(216, 216, 216);
        padding:5px;
        font-size:14px;
        cursor: pointer;
    }

    .detail-news-body .news-body-top .detail-news-body-name{float:left;width:79%;font-size:13px;line-height: 35px;}
    .detail-news-body-day{float:right;font-size:13px;font-weight:300;line-height:35px;}
    .news-body-bottom{font-size:13px;line-height: 20px;}

    .info-product .info-product-in ul li span{font-size:13px; width: 60%; display: inline-block; padding-bottom: 5px;}
    .info-reward table { width:100%;}
    .info-reward thead{display:none;}
    .info-reward tbody{border-top:4px solid #001639;}
    .info-reward tbody tr{
        border-bottom:1px solid rgb(218, 218, 218);
        padding:20px;
        border-top:4px solid #001639;
    }
    .info-reward td{
        display:block;
        padding:10px 10px;
        line-height:25px;
        font-size:14px;
        margin:10px;
        border-bottom: none;
    }
    .info-reward td i{font-size: 18px;}
    .info-reward h2.reward-guide{
        width:900px;
        font-size: 10px;
        padding-right: 0;
    }

    .info-reward tbody tr td:before{
        margin-bottom: 3px;
        content: attr(data-title);
        min-width: 98px;
        font-size: 13px;
        line-height: 10px;
        font-weight: 600;
        text-transform: uppercase;
        color: #969696;
        display: block;
        padding-bottom:5px;
    }
    #buyModal .body h1{font-size:20px; margin-top:0;}
    .subscription-buy .body .detail .in.signature h1{font-size: 16px !important;;}

    #buyModal .body > p{
        font-size:12px;
        letter-spacing:-0.62px;
        font-weight: 400;
        display:inline-block;
        margin:5px 0 20px;
    }
    #buyModal .body ul li h2{
        font-size:14px;
        font-weight:500;
        line-height:1.5;
        padding:0;
        text-align: center;
        height: auto;
    }
    #buyModal .body ul li p>br{display:none;}
    #buyModal .body li.producticon{
        height: 90px;
        float: none;
        margin: 10px auto 0;
    }
    #buyModal .body li.producticon{width:50px !important;}
    #secession .body3 p.secession-t{font-size: 10px;margin-bottom: 10px;}
    .consignation fieldset p label{font-size: 10px;}
    .consignation fieldset p #piece-size{width: 24%;}
    .consignation fieldset .consignation-box label{margin-left: 2%;}
    .consignation fieldset .consignation-box h3{font-size: 13px;}

    .auctions-main{height: 150px;}
    .product-page .preview-time{height: 28px;}

    .btn-area .auctions-buy-btn{
        width:220px;
        height:40px;
        font-size:15px;
        letter-spacing:10px;
        line-height:40px;
    }
    .buy fieldset p button{font-size:12px; letter-spacing:-0.72px; width: 18%;}
    .detail-bottom .auctions-detail-news thead tr th{font-size: 13px;}
    .detail-bottom .auctions-detail-news tbody tr td{font-size: 13px;}

    #auctionsModal .body h1{font-size: 19px;margin: 30px;}
    #auctionsModal .body p{font-size: 12px;line-height: 25px;}
    #auctionsModal .body label{font-size: 14px;}
    #auctionsModal .body .modal-yes-btn p{font-weight: 300;font-size: 16px;}

    .mypage-question .detail-news-body .news-body-in .news-body-bottom .question-txt-float h2.title{font-size:13px;}
    .auctions-choice h2{font-size: 12px; letter-spacing:-1px;}
    .auctions-choice-box{
        width: 60%;
        height: 35px;
        line-height: 30px;
        font-size: 13px !important;
        margin-bottom: 0;
    }
    .auctions-choice-txt{
        width: 70%;
        font-size: 10px;
        text-align: right;
        display: inline-block;
    }
    .button-cover, .knobs, .layer{
        position: absolute;
        top: 0;
        right: -33px;
        bottom: 0;
        left: 0;
    }
    #reqAmt{max-width:380px;margin-top: -5px;font-size:14px;}
    span#amtKorean{font-size:12px; height:auto;}
    article#auctionsModal2{padding:40px 15px;}
    article#auctionsModal2 section.body p{font-size:12px;}
    article#auctionsModal2 .body p{line-height:20px !important;}
    .auctions-choice-txt{width:100%;}

    .container_explanation .nav {display: none;}
    .auctions-service-nav h3.moblie-small{
        font-size: 24px;
        color: #3e3e3e;
        padding-top: 0;
        margin: 30px;
    }
    .auctions-service-nav ul.bid_order>li{
        width: 100%;
        max-width: 700px;
        height: 190px;
        margin: 1%;
        background: #f8fdff;
    }
    .auctions-service-nav ul.bid_order>li .service{
        height: inherit;
        max-width: 600px;
        width: 100%;
        line-height: 0px;
        float: left;
        margin: 0 auto;
    }
    .auctions-service-nav ul.bid_order>li .service img{
        margin-top: 40px;
        width: 100px;
        height: 100px;
        margin-left: 7px;
    }
    .auctions-service-nav ul.bid_order>li .service dl{float: right;text-align: left; max-width: 200px; width:auto; padding: 0% 3%; height:100%; margin-top:5px;}
    .auctions-service-nav ul.bid_order>li .service dl dt{
        font-size: 14px;
        margin-top: 40px;
        margin-bottom: 15px;
    }
    .auctions-service-nav ul.bid_order>li .service2 dl dt{margin-top: 15px;}
    .auctions-service-nav ul.bid_order>li .service dl dd{font-size:12px; font-weight: 500; width: 100%; padding:0px;}
    .auctions-service-nav ul.bid_order>li .service2 dl dd{font-size:11px; font-weight: 500;}

    section.auctions-service{padding: 2%;}

    .auctions-service h4.line_header{font-size: 18px;}
    .auctions-service dd{font-size: 13px;line-height: 23px;}
    .container_explanation dd, p.normal_stl {font-size: 13px;}

    .detail-bottom .auctions-name p{
        font-size: 10px;
        text-align: center;
        letter-spacing: 0;
        padding-right: 1%;
    }

    article.auctions-number{padding-top:20px;}
    .main-txt-auctions{margin-bottom: 10px;}
    .main-txt-auctions p{
        font-size: 6px !important;
        font-weight: 200;
        padding-top: 25px;
        margin-right:20%;
    }
    .main-txt-auctions h1{
        font-size: 20px !important;
        font-weight: 400 !important;
        margin-right: 17%;
    }
    .auctions-box2 table thead{display: none;}
    .auctions-box2 table tbody tr td{
        width: 100%;
        display: block;
        height: 70px;
    }
    .auctions-box2 table tbody tr td:before{
        font-size: 13px;
        border-bottom: none;
        margin-bottom: 5px;
        content: attr(data-title);
        line-height: 10px;
        text-transform: uppercase;
        color: #282828;
        display: block;
        padding-bottom:8px;
        padding-top: 10px;
    }
    .auctions-box2 table tbody tr td:nth-child(1){height: 120px;width: 100%;}
    .auctions-box2 table tbody tr td:last-child{border-bottom: 2px solid #f17519;}
    .auctions-box2 table tbody tr td div.td-img{margin: 0 auto;}
    .auctions-box2 table tbody tr td div.gogo-box{height: 30px;margin: 0 auto;}
    .auctions-box2 table tbody tr td a{line-height: 30px;}

    .auctions-number .panel .auctions-number-text .product-state-auctitons{padding: 15px;}
    .auctions-number .panel .auctions-number-text .auctions-state2{font-size: 17px;}
    .auctions-number .panel .auctions-number-text .auctions-number-box{font-size: 14px;letter-spacing: 2px;}
    .auctions-number #tab2 h2{font-size: 20px;margin-bottom:30px;padding-bottom: 15px;}
    .auctions-number #tab2 ul.product-list{padding: 2%;}
    .auctions-number #tab1 h2{margin-bottom: 10px; font-size: 20px;}

    .auctions-tabmenu #tab1 .auctions-test table tbody tr{
        height: auto;
        display: block;
        width: 100%;
        padding: 3%;
    }
    .auctions-tabmenu #tab1 .auctions-test table thead{display: none;}
    .auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td .img-test{width: 200px;display: block;}
    .auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td .img-test img{width: 200px;display: block;}
    .auctions-tabmenu #tab1 .auctions-test table tbody tr td:before{
        margin-bottom: 10px;
        content: attr(data-title);
        min-width: 98px;
        font-size: 13px;
        line-height: 10px;
        font-weight: 600;
        text-transform: uppercase;
        color: #969696;
        display: block;
        padding-bottom:5px;
    }
    .auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(1){
        padding-left: 0;
        width: 30%;
        display: block;
        margin-bottom: 20px;
    }
    .auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(2){
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }
    .auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(3){
        font-size: 16px;
        padding-left: 0;
        width: 100%;
        height: 18%;
    }
    .auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(4){padding-left:0px;}
    .auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(5){margin-left: 40%;text-align: left;}
    .auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(6){display: none;}
    .auctions-tabmenu #tab1 .auctions-test table>tbody>tr>td:nth-child(7){
        margin-left: 0;
        width: 100%;
        margin-top: 25px;
        background: #fdfbf2;
        height: 30px;
        line-height:10px;
    }
    .auctions-tabmenu #tab1 .auctions-test table tbody tr td:nth-child(7):before{display: none;}
    .auctions-detail-news table tbody tr:nth-child(1) td:nth-child(2){box-shadow: none;font-weight: bold;}

    .hover-img{display: none !important;}
    .banner .ban{margin-left: 1%;}

    .main-auctions-box{max-width: 1200px; width: 100%;}
    .main-auctions-box table{width: 100%;}
    .main-auctions-box table tbody tr{
        height: 280px;
        margin-bottom: 10px;
        display: inline-block;
        max-width: 1200px;
        width: 100%;
    }
    .main-auctions-box table tbody tr td{
        width: 100%;
        padding: 0;
        font-size:16px;
        display: block;
    }
    .main-auctions-box table tbody tr td:nth-child(1){
        width: 130px;
        margin: 5%;
        display: block;
        float: left;
    }
    .main-auctions-box table>tbody>tr>td:nth-child(2){margin: 30px;font-size: 15px;}
    .main-auctions-box table>tbody>tr>td:nth-child(3){font-size: 16px;}
    .main-auctions-box table>tbody>tr>td:nth-child(4){
        padding-left: 0;
        clear: both;
        text-align: center;
        background: #fdfbf2;
    }
    .main-auctions-box table>tbody>tr>td:nth-child(5){margin-left: 0;clear: both;}
    .main-auctions-box table>tbody>tr>td:nth-child(6){
        padding-right: 0;
        margin-top: 15px;
        margin-left: 0;
        width: 100%;
        text-align:center;
        border: none;
        padding-left: 0;
        color: #f17519;
        font-weight: 500;
        float: right;
    }

    .rental-service .rental-service-nav .rental-order{margin-left: 0; margin-top: 0;}
    .rental-service .rental-service-nav ul.bid_order{width:100%; padding-top:50px;}
    .rental-service .rental-service-nav .rental-order>li.rental-right{width: 5%;height: 0;background: none;}
    .rental-service .rental-service-nav .rental-order>li{height: auto;margin-bottom:10px;}
    .rental-service .rental-service-nav ul.bid_order>li .service{width:50%; float:none;}
    .rental-service .rental-service-nav ul.bid_order>li .service dl{text-align:center; float:none; max-width:none;}
    .rental-service .rental-service-nav ul.bid_order>li .service img{margin: 0 auto; }
    .rental-service .rental-service-nav .rental-order dl{margin-top: 60px;}
    .rental-service .rental-service-nav .rental-order dl dd{font-size: 20px;font-weight: 500;}
    .rental-service .rental-service-nav h4.rental-h4{
        font-size: 14px;
        margin-top: 5%;
        padding: 5%;
        font-weight:500;
        line-height: 30px;
        margin-bottom: 13%;
        background: #F8FDFF;
        color: #005e83;
    }

    section.rental-bg-gray{padding-bottom:60px;}
    .rental-buy .company-right h3{border-top: 2px solid #343a40; margin-bottom: 30px;}
    .rental-buy .company-left img{width: 100%; max-width: 310px;}
    .rental-buy .company-left{
        height: auto;
        padding-bottom: 40px;
        width: 100%;
        padding-right: 0;
    }
    .rental-buy-form .company-left h3, .rental-buy-form .company-right h3{font-size:16px;}
    .rental-buy .company-right{width: 100%;}
    .rental-buy .company-right p{margin-bottom:10px;}
    .rental-buy .company-right p label{font-size: 11px; width:100%;}
    .rental-buy .company-right p input{width:100%;     max-width: 900px;}
    .rental-buy .company-right p input#zipCode{width:80%;}
    .rental-buy .company-right p span.search-btn-rental{width:20%;}

    .rental-buy-form{padding:10px; padding-bottom: 50px;}
    .rental-buy .company-left ul li span{  width: 60px; font-size:13px;}
    .rental-buy .company-left ul>li{fonts-size:12px;}
    .rental-buy .company-left h3.h3_plus{margin: 40px 0 25px 0 !important;}
    .rental-buy-form .company-left h3, .rental-buy-form .company-right h3{margin-bottom:25px !important;}
    .rental-buy .company-left .company-left-bottom p>label{font-size:11px; letter-spacing:-0.72px;}
    .rental-buy .company-left .company-left-bottom .File-in label{width:120px; font-size:14px;}
    .rental-buy .company-left .company-left-bottom span.rental-check input[id="rental-check1"] + label{font-size:14px;}
    .rental-buy .company-left .company-left-bottom span.rental-check input[id="rental-check2"] + label{font-size:14px;}

    .banner .ban ul li .sliders1{width: 320px;margin-left: 5%;}
    .banner .ban ul li .sliders1 img{width: 320px;}
    .banner .ban{margin-left: 0;}

    .ban_left{left: 5px;}
    .ban_right{right: 5px;}

    .rental-detail-right .buy-btn{width: 220px;}
    .rental-detail-right .detail-texts li span.detail-texts-name1{font-size: 14px;}

    .rental-place-txt{margin: 20px auto;}
    .rental-place-txt h1{font-size: 22px;}
    .rental-place-txt p{font-size: 12px; padding: 0 10%;}
    #rental-place-map{height: 920px;padding: 0 10px 20px;}
    #rental-place-map .rental-map{width: 100%;height: 300px;}
    #rental-place-map .rental-map #map{height:300px !important;}
    #rental-place-map .rental-map-product{
        padding-top: 10px;
        padding-left: 0;
        width:100%;
        height: 500px;
    }
    #rental-place-map .rental-map-product ul.rental-map-txt{height: 60px;}
    #rental-place-map .rental-map-product ul.rental-map-txt li{font-size: 12px;}
    #rental-place-map .rental-map-product .map-product-scroll{width: 100%;height: 500px;}

    #rental-place-map .rental-map-product .map-product-scroll ul li p{font-size: 12px;}

    article .market{margin-top: 20px;padding: 2%;}
    .market h1{font-size: 32px;}
    article.market-number section.market-panel{margin-top: 0;}
    article.market-number section.market-panel .market-box{
        margin: 2%;
        overflow-x:none;
        overflow-y:none;
        height: 100%;
        border: 1px solid #ccc;
    }
    article.market-number section.market-panel .market-box table thead tr{position: inherit;width:400%;}
    article.market-number section.market-panel .market-box table thead tr th{height: 35px; font-size: 13px;}
    article.market-number section.market-panel .market-box table tbody tr{height: 60px; margin: 0;}
    article.market-number section.market-panel .market-box table tbody tr td{font-size: 13px;height: 40px;}

    h1.market-text{display:none;}
    .product-page-detail .detail-top .market-detail-right{padding:0;}
    .market-detail-bottom .market-detail-infor{padding-bottom: 20px;}

    .market-btn .share-btn-ins{width:185px;height: 55px;}
    .market-btn .share-btn-ins li,.market-btn .share-btn-ins li a{width:40px;height:30px !important;}
    .market-btn .share-btn-ins li a img{width:100%;height:30px !important;}
    .market-page-detail .market-detail .market-detail-right{margin-top:80px;}

    .market-btn .market-btns li{width: 80%;}
    .market-btn .market-btns .btn-m{
        height: 45px;
        font-size: 15px;
        line-height: 45px;
        letter-spacing: 5px;
    }
    .market-btn .market-btns .market-share-btn{width:20%;height:45px;}
    .market-btn .market-btns .market-share-btn i{font-size:25px;line-height: 45px;}

    article.market-modal{padding: 1.6%; padding-top: 40px;}
    .market-buy-all .market-buy-left{width: 100%;margin-right: 0%;}
    .market-buy-all .market-buy-right{width: 100%;}

    .market-buy-product ul li{
        width: 10%;
        margin-right: 19px;
        font-size: 12px;
    }
    .market-buy-product ul li:nth-child(1){margin-left: 0;}
    .market-buy-product ul li.color,.market-buy-product ul li span.color{font-size:12px; font-weight: 300;}
    .market-buy-all .market-buy-left{margin-bottom: 60px;}
    .market-buy-right #tabmenu-market .tab li{height: 45px;}
    .market-buy-right #tabmenu-market .tab li a{font-size: 13px;line-height: 45px;}
    #tabmenu-market ul.market-panel{border-left: none;}
    #tabmenu-market ul.market-panel #tab1,#tabmenu-market ul.market-panel #tab2{padding-top: 80px;padding-left: 2%;}
    #tabmenu-market ul.market-panel #tab1 p,#tabmenu-market ul.market-panel #tab2 p{width: 100%;margin-bottom: 10px;}
    #tabmenu-market ul.market-panel #tab1 p label,#tabmenu-market ul.market-panel #tab2 p label{font-size: 12px;width: 25%;}
    #tabmenu-market ul.market-panel #tab1 p input,#tabmenu-market ul.market-panel #tab2 p input{height: 30px;width: 50%;}
    #tabmenu-market ul.market-panel #tab1 p a,#tabmenu-market ul.market-panel #tab2 p a{height: 30px;margin-right: 6%;}
    #tabmenu-market ul.market-panel #tab1 p .market-copy-btn,#tabmenu-market ul.market-panel #tab2 p .market-copy-btn{width: 20%;height: 30px;}
    #tabmenu-market ul.market-panel #tab1 .market-total p,#tabmenu-market ul.market-panel #tab1 p.market-total-money{font-size: 13px;height: 20px;}
    #tabmenu-market ul.market-panel #tab2 .market-total p,#tabmenu-market ul.market-panel #tab2 p.market-total-money{font-size: 14px;}
    #tabmenu-market ul.market-panel #tab1 p.market-total-money,#tabmenu-market ul.market-panel #tab2 p.market-total-money{font-size: 16px;margin: 20px 0;}
    #tabmenu-market ul.market-panel #tab1 .market-total p span.question-txt,#tabmenu-market ul.market-panel #tab2 .market-total p span.question-txt{font-size: 10px;padding: 5px 5px;width: 165px;height: 60px;}
    .market-btn-buy-btn{height: 35px;font-size: 15px;}
    #marketModal .body h1{margin-top: 30px;margin-bottom: 10px;font-size: 15px;}
    #marketsellModal .body h1{margin-top: 30px;margin-bottom: 10px;font-size: 15px;}
    #marketModal .body p{font-size: 12px;}
    #marketsellModal .body p{font-size: 12px;}
    .market-ok-modal section.body p .confirm-btn{width: 100%;}

    #tabmenu-market ul.market-panel #tab2 p.market-ok-ju{font-size: 12px;}
    #tabmenu-market ul.market-panel #tab2 p.market-ok-ju span.market-buy-texts-name1{font-size: 20px; margin-right: 6%;}
    #tabmenu-market ul.market-panel #tab2 p input{width: 70%;}

    #tabmenu-market ul.market-panel #tab3 p{padding-top: 70px;}
    #tabmenu-market ul.market-panel #tab3 p label{font-size: 15px;}
    #tabmenu-market ul.market-panel #tab3 p input{margin-right: 1%;}

    #tabmenu-market ul.market-panel #tab3 .resultArea{height: 400px;}
    #tabmenu-market ul.market-panel #tab3 .resultArea table thead tr{border: 1px solid #ccc;font-size: 13px;}
    #tabmenu-market ul.market-panel #tab3 .resultArea table thead tr th{height: 30px;}
    #tabmenu-market ul.market-panel #tab3 .resultArea table tbody tr{width: 100%;height: 40px;}
    .buy fieldset p.agree-cont-in textarea{width: 90%;}

    #chartModal{padding:20px;}
    #chartModal section.body h1{margin-bottom: 10px; margin-top:30px;}
    #chartModal section.body .chartImg-box{margin-right: 0;}
    #chartModal section.body>h1{font-size:16px; }
    #chartModal section.body .chartImg-text{vertical-align: top;  width:100%; max-width: 350px; display:inline-block; height: auto;}
    #chartModal section.body .chartImg-text li h2{ font-size:12px;}
    #chartModal section.body .chartImg-text li h2#chartTitle{font-size:14px !important; }

    #chartModal section.body .chartImg-text li h2>div,
    #chartModal section.body .chartImg-text li p>div{width: 23%;}
    #chartModal section.body .chartImg-text li h2>span,
    #chartModal section.body .chartImg-text li p>span{display:inline-blcok;  width: 77%; padding-left:15px;}

    #chartModal section.body .chartImg-text li h2>span.daY{width:auto; font-size: 12px; padding-left:2px;}

    article.product-quick ul{display: none;}

    .table-box-wrap .market-online table thead tr th {width: 12%;font-weight: 200;font-size: 12px;}

    /* //////////////////my page////////////////// */
    article#mypage-padding{padding: 2%;}
    .mypage-main{background: none;}
    .mypage-txt{height: 80px;}
    .mypage-txt h1{font-size: 16px; line-height: 80px;}
    .mypage-right .right-box{width: 100%; height: 55px; margin-left:0; margin-bottom:-1px;}
    .right-box .center-box{margin-top: 15px;}
    .mypage-left span{font-size: 14px; width:40%; display: block; float:left;}
    .mypage-left h2{font-size: 19px; }
    .mypage-left span.percent{font-size: 26px;}
    .mypage-left span.ten{font-size: 26px; width:15px;}
    .mypage-left .my-name h2{font-size: 20px; width: 70%;}
    .mypage-left .my-name p{font-size: 15px;}
    .left-box3{padding: 0;}
    .center-box h1{font-size: 18px;font-weight: 450;padding: 10px 0 0 35px;}
    .mypage-left .left-box1{
        width: 100%;
        height: 150px;
        float: left;
        border-right: none;
        margin-bottom: 0;
        padding: 20px;
    }
    .left-box2 ul li:nth-child(1){margin-left: 0;}
    .left-box3 .application-btn{height: 35px;}
    .mypage-left .left-box2{clear: both;width: 100%;height: 100%;}
    .mypage-left .left-box2 ul li{width: 100%; margin-right: 0; border-bottom: 1px solid #ccc; height: 40px; line-height: 40px;}
    .mypage-right img{width: 25px; margin-top: 5px;}
    .right-box .center-box{height: 50px;text-align: center;margin-top: 5px;}
    .center-box h1{
        font-size: 15px;
        width: 120px;
        text-align: right;
        font-weight: 500;
        padding: 10px 0 0 26px;
    }
    .right-box .box-space h1{padding: 10px 0 0 35px;}

    section.a-r-m-all{padding-top: 50px;}
    section.a-r-m-all h1{font-size: 18px;}
    section.a-r-m-all .a-r-m ul.a-r-m-tabmenu li{width: 33.47%;}
    section.a-r-m-all .a-r-m ul.a-r-m-tabmenu li a{font-size: 14px;}
    section.a-r-m-all .a-r-m .a-r-m-in{height: 500px;margin-bottom: 15%;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text{width: 100%;height: 115px;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li{
        width: 100%;
        margin-left:-1px;
        text-align: center;
        font-size: 12px;
        height: 30px;
        padding-top:5px;
        padding-bottom:30px;
        border-bottom: 1px solid #ccc;
    }
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li:last-child{border-bottom:none;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li span{display: inline-block;width:50%;float:left;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li:nth-child(1) span{border-right:none;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li.border-right span{border-right:none;}

    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li p{font-size: 14px;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-text li.a-r-m-text-width{width: 100%;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list{height: 380px;overflow-x:hidden;overflow-y:auto;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul{width: 100%;height: 260px;border-bottom: 1px solid #ccc;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li{
        float: left;
        width: 100%;
        height: 40px;
        line-height: 80px;
        padding-left: 2%;
        font-size: 14px;
        font-weight: 300;
    }
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul.width-six li{width: 100%;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li.max-width{width: 100%;}

    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li span.li-name{
        margin-right: 0;
        width: 50%;
        padding-left:5%;
        display: inline-block;
    }
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li span.li-text{width: 100%;}
    section.a-r-m-all .a-r-m .a-r-m-in .a-r-m-list ul li span.charge{font-size: 10px;}

    #applicationModal{padding-top: 70px;}
    div ul.application-txt-t3{font-size: 15px;font-weight: 100;}
    div ul.application-txt-t3 li{float: left;margin-right: 14%;}
    div ul.application-txt-t3 li:last-child{margin-left: 20px;}
    div ul.application-txt-t li{margin-right: 5%;}
    div ul.application-txt-t li:nth-child(2){width: 79px;}

    /*mypage-invest--------*/
    .mypage-main-txt{height: 100px;}
    .mypage-main-txt h1{font-size: 25px;}
    .tab-menu {padding: 2%;}
    .tab-menu label {width: 19%; font-size: 14px; letter-spacing: 0; padding: 13px;}

    .content-list table{font-size: 13px; box-shadow: none;}
    .content-list table thead{display: none;}
    .content-list table tbody tr td{
        padding-left: 0;
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 20px;
        border-top: 1px solid #eaeaea;
        padding-top: 20px;
    }
    .content-list table tbody tr{border-top: 2px solid #4bb7e2;}
    .content-list table tbody tr td:first-child{border-top: none; }
    .content-list table tbody tr td:last-child{margin-bottom: 20px;}
    .content-list table tbody tr td span{
        width: 200px;
        letter-spacing: 3px;
        font-size: 16px;
    }
    .content-list table tbody tr td:before{
        margin-bottom: 3px;
        content: attr(data-title);
        min-width: 98px;
        font-size: 13px;
        line-height: 10px;
        font-weight: 500;
        text-transform: uppercase;
        color: #282828;
        display: block;
        padding-bottom:10px;
    }
    .content-list .content-nolist{border-top: 1px solid #ccc;}
    .content-list .content-nolist h3{font-size: 15px;font-weight: 200;}
    .content-list .content-nolist .product-go-btn a{font-size: 15px;}

    .content2 .content-buy{width: 50%;height: 80px;margin-bottom: 10px;}
    .content2 .content-buy-color{background: rgba(210, 239, 240, 0.48);}
    .content2 .content-buy p{font-size: 14px;margin-top: 5%;}
    .content2-common table tbody tr{border: 1px solid #ccc;border-spacing: 20px 0px;}
    .content2-common table tbody tr td{font-size: 14px;padding: 16px;}
    .content2-common table { width:100%;}
    .content2-common thead{display:none;}

    .content2-common tbody tr{border-top:5px solid #4bb7e2;}
    .content2-common td{display:block;font-size:14px;margin:5px;}

    .content2-common tbody tr td:before{
        margin-bottom: 3px;
        content: attr(data-title);
        min-width: 98px;
        font-size: 13px;
        line-height: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #555555;
        display: block;
        padding-bottom:5px;
    }

    .content3-common table tbody tr{border: 1px solid #ccc;border-spacing: 20px 0px;}
    .content3-common table tbody tr td{font-size: 14px;padding: 16px}
    .content3-common table { width:100%;}
    .content3-common thead{display:none;}

    .content3-common tbody tr{border-top:5px solid #4bb7e2;}
    .content3-common td{display:block;font-size:14px;margin:5px;}

    .content3-common tbody tr td:before{
        margin-bottom: 3px;
        content: attr(data-title);
        min-width: 98px;
        font-size: 13px;
        line-height: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #555555;
        display: block;
        padding-bottom:5px;
    }

    #content2 .content2-common table tbody tr td:nth-child(6):before{display: none;}
    #content3 .content3-common table tbody tr td:nth-child(5):before{display: none;}
    #content2 .content2-common table tbody tr td:nth-child(5) .ones-paper{text-decoration: underline;color: #000;width: 30%;}

    section#content1 h1{max-width: 789px; width: 100%;float: none;}
    section#content1 div.excel{height: 25px;width: 100%; line-height: 25px; margin-top: 15px;}
    section#content1 div.excel a{font-size: 12px; line-height: 25px; height: 25px;}

    section#content1 .excel-select{width: 100%;height: 120px;}
    section#content1 .excel-select .excel-choice{width: 100%;}
    section#content1 .excel-select .excel-choice p{font-size: 14px;margin:0 10px 0 0;}
    section#content1 .excel-select .excel-choice p.day-p{padding-left: 0; clear: both; margin-top: 5px;}
    section#content1 .excel-select .excel-choice .list-day{width: 79%;float: left;margin-top: 5px;}
    section#content1 .excel-select .excel-choice .list-day p.anfruf{margin:0;}
    section#content1 .excel-select .excel-choice .list-day input{font-size:12px;}

    section#content1 .excel-select .excel-choice .list-day select.select-lists2{margin-left: 135px;}
    section#content1 .excel-select .excel-choice .list-day input{width:40.9%;}

    #content3 #content3-tab ul.tabmenu{height:30px;}
    #content3 #content3-tab ul.tabmenu li{
        width: 50%;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        margin-bottom: 30px;
    }
    #content3 #content3-tab ul.tabmenu li a{width:100%;}
    #content3 #content3-tab ul.tabmenu li a.select{height:28px;}

    .mypage-hoverimg{display: none !important;}

    article.auctionsing-modal section.body table thead tr th{font-size: 13px;}

    article.auctionsing-modal section.body table tbody tr{font-size: 13px;border-top: 1px solid #ccc;font-weight: 300;}

    article.auctionsing-modal section.body table tbody tr td{padding: 4px;}
    article.auctionsing-modal section.body h2{font-size: 14px;}
    article.auctionsing-modal section.body h3{font-size: 15px;margin-top: 1%;}

    article#addressP section.body h1{font-size: 17px;}
    article#addressP section.body .address-text p{height: 40px;}
    article#addressP section.body .address-text p label{font-size: 12px;margin-left: 1%;}
    article#addressP section.body .address-text p:nth-child(3){margin-top: 4%;}
    article#addressP section.body .address-text p:nth-child(4){margin-top: 2%;}
    article#addressP section.body .address-text p:nth-child(3) input{width: 65%;}
    article#addressP section.body .address-text p input{width: 80%;}
    article#addressP section.body .address-text p span.address-search{width: 15%;height: 40px;margin-right: 4%;}
    article#addressP section.body .address-text p span.address-search a{letter-spacing: 2px;font-size: 12px;}

    article#addressB{padding: 3%; margin-top: 80px;}
    article#addressB section.body h1{font-size: 18px; margin-top: 40px; letter-spacing: 2px;}
    article#addressB section.body #payment-tab .payment-tabmenu{height: 35px;}
    article#addressB section.body #payment-tab .payment-tabmenu li{width: 50%;height: 35px;}
    article#addressB section.body #payment-tab .payment-tabmenu li a{
        display: block;
        font-size: 14px;
        height: 35px;
        line-height: 35px;
        letter-spacing: 1px;
    }
    article#addressB section.body #payment-tab .payment-tabmenu li a.select2{height: 35px;}
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form fieldset p{height: 45px;margin-bottom: 5%;}
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form fieldset p label{
        font-weight: 400;
        font-size: 13px;
        padding-left: 1%;
        width: 25%;
        height: 45px;
        line-height: 45px;
    }
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form fieldset p input{height: 45px;width: 60%;}
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form fieldset p span{font-size: 16px;height: 45px;line-height: 45px;}
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form fieldset p button{font-weight: 300;letter-spacing: 1px;height: 45px;}
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form fieldset p select{height: 45px;width: 60%;}
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form .payment-buy-text{margin-top: 13%;padding: 10% 0%;}
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form .payment-buy-text ul li{height: 35px;}
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form .payment-buy-text ul li span.product-buy-texts-name{font-size: 12px;font-weight: 400;padding-left: 1%;}
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form .payment-buy-text ul li span.product-buy-texts-name1{font-size: 14px;padding-right: 1%;}

    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form .payment-buy-text ul li span.question-mark{position: relative;}
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form .payment-buy-text ul li span.question-txt{position: absolute;background: #fff;right: 40px;}
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form p.agree-cont-in{margin-top: 5%;}
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form p.agree-cont-in label{font-size: 14px;}
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form p.card-choice input.styled-checkbox:checked + label:after{left:6px;}
    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form p.agree-cont-in textarea{width: 80%; margin-right: 5%;}

    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form p.card-choice label.card{font-size: 14px; width: 33%;}

    article#addressB section.body #payment-tab .payment-text .payment-m form.payment-form fieldset p button{font-size: 12px;}

    form.mypage-payment{margin: 20px auto;padding: 5%;}
    form.mypage-payment h1{font-size: 22px;}
    form.mypage-payment fieldset h2{font-size: 18px; border-bottom: 2px solid #282828;}
    form.mypage-payment fieldset .payment-ok-product{height: 100%;}
    form.mypage-payment fieldset .payment-ok-product .payment-img{width: 100%; float:none;}
    form.mypage-payment fieldset .payment-ok-product .payment-img img{width: 100%; height: auto;}
    form.mypage-payment fieldset .payment-ok-product ul.payment-img-text{width: 100%; float: none;}
    form.mypage-payment fieldset .payment-ok-product ul.payment-img-text li:nth-child(1){margin-top: 10%;}

    form.mypage-payment fieldset ul{font-size: 14px;font-weight: 500;}
    form.mypage-payment fieldset ul li span{width: 45%; height: 40px;}
    form.mypage-payment fieldset .address-main{height: 40px; margin-top: 1%;}
    form.mypage-payment fieldset .address-main a{font-size: 16px; line-height: 40px;}

    .tab-menu section#content4{padding-top: 10%;}
    .tab-menu section#content4 h2{font-size: 16px;padding-bottom: 2%;margin-bottom: 5%;}
    .tab-menu section#content4 span.red{margin-left: 0;}
    .tab-menu section#content4 span.red,.tab-menu section#content4 span.rental-click{font-size: 10px;}

    .tab-menu section#content4 .rental-ing{
        width: 100%;
        height: inherit;
        margin-bottom: 50px;
    }
    .tab-menu section#content4 .rental-ing .rental-ing-company{
        width: 100%;
        height: auto;
        float: none;
        margin-right: 0;
    }
    .tab-menu section#content4 .rental-ing .rental-ing-text{width: 100%;}
    .tab-menu section#content4 .rental-ing .rental-ing-text ul li{
        height: 20px;
        font-size: 14px;
        margin-top: 3%;
    }
    .tab-menu section#content4 .rental-ing .rental-ing-text ul li span{width: 90px;letter-spacing: 1px; margin-left: 1%;}

    .tab-menu section#content4 #rentalList .rental-tabmenu li{width: 50%;}
    .tab-menu section#content4 #rentalList .rental-tabmenu li a{font-size: 18px;}
    .tab-menu section#content4{margin-bottom: 20%;}
    .tab-menu section#content4 ul.rental-artist li{
        width: 100%;
        height: 50px;
        float: none;
        font-size: 14px;
        font-weight: 300;
        padding: 0.5%;
        text-align: center;
    }
    .tab-menu section#content4 ul.rental-artist li:first-child{height: 100px;display: table;}
    .tab-menu section#content4 ul.rental-artist li:last-child{border-bottom: 1px solid #282828; padding-bottom: 70px;}
    .tab-menu section#content4 ul.rental-artist li span{margin-top: 0px; padding-left: 15px;}

    .tab-menu section#content4 ul.rental-artist li span.li-box{
        width: 50%;
        height: 40px;
        margin-top: 15px;
    }
    .tab-menu section#content4 ul.plus-text{height: 100px;background: #fff;}
    .tab-menu section#content4 ul.plus-text li{
        width: 33%;
        margin-left: 0px;
        font-size: 14px;
        font-weight: 400;
        margin-top: 20px;
    }
    .tab-menu section#content4 ul.plus-text li:last-child{border-right: none;}
    .tab-menu section#content4 ul.plus-text li span{float: none; text-align: center;}
    .tab-menu section#content4 ul.plus-text li p{
        display: inline-block;
        margin-left: 10px;
        font-size: 18px;
        font-weight: 500;
    }
    .tab-menu section#content4 ul.plus-text p.plus-red{
        text-align: center;
        font-size: 11px;
        padding-top: 2%;
        font-weight: 300;
    }
    .tab-menu section#content4 ul.plus-text2 li{width: 50%;}

    .tab-menu section#content5 .mypage-market-page{height: 140px;padding: 2%;}
    .tab-menu section#content5 .mypage-market-page .mypage-market{width: 100%;border-right: none;}
    .tab-menu section#content5 .mypage-market-page .mypage-market1{height: 100%;}
    .tab-menu section#content5 .mypage-market-page .mypage-market2{
        width: 100%;
        height: 100px;
        border-bottom: 1px solid #ccc;
    }
    .tab-menu section#content5 .mypage-market-page .mypage-market3{margin-bottom: 90px;}
    .tab-menu section#content5 .mypage-market-page .mypage-market1 ul li{height: 30px;font-size: 13px;}
    .tab-menu section#content5 .mypage-market-page .mypage-market h3,.tab-menu section#content5 .mypage-market-page .mypage-market h1{text-align: right; padding-right: 10%;}
    .tab-menu section#content5 .mypage-market-page .mypage-market h3{font-size: 16px;margin-top: 30px;}
    .tab-menu section#content5 .mypage-market-page .mypage-market h1{font-size: 20px;}

    .tab-menu section#content5 .mypage-market-page-bottom .bottom-main-text2{margin-top: -80px;}
    .tab-menu section#content5 .mypage-market-page-bottom .bottom-main-text h1{font-size: 18px;margin-bottom: 10px;}
    .tab-menu section#content5 .mypage-market-page-bottom .bottom-main-text p{width: 35%;font-size: 12px;}
    .tab-menu section#content5 .mypage-market-page-bottom .bottom-main-text span.hover-question{width: 200px;margin-top: 155px;font-size: 10px;}
    .tab-menu section#content5 .mypage-market-page-bottom table{margin-bottom: 30px; width: 100%; box-shadow: none;}
    .tab-menu section#content5 .mypage-market-page-bottom table thead{display: none;}
    .tab-menu section#content5 .mypage-market-page-bottom table tbody tr td:before{
        margin-bottom: 3px;
        content: attr(data-title);
        min-width: 98px;
        font-size: 13px;
        line-height: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #c4c4c4;
        display: block;
        padding-bottom:3px;
    }
    .tab-menu section#content5 .mypage-market-page-bottom table tbody tr{
        height: 100%;
        font-size: 13px;
        font-weight: 400;
        border: 1px solid #ccc;
        border-top: 3px solid #4bb7e2;
    }
    .tab-menu section#content5 .mypage-market-page-bottom table tbody tr td{
        text-align: center;
        width: 100%;
        display: block;
        margin-top: 20px;
    }
    .tab-menu section#content5 .mypage-market-page-bottom table tbody tr td:last-child{margin-bottom: 20px;}

    article#mypageMarket section.body button{width: 48%;}
    .invest-notice-text p:nth-child(1) br{display:none;}

    #mypage-money .mypage-main-txt h1{font-size: 20px; padding-top: 30px;}
    #mypage-money article{padding: 4%;}

    #mypage-money article .moneybox{width: 100%;margin-top: 50px;}
    #mypage-money article .moneybox>div{height: auto;margin-top: 10px; float:none; width:100%;}
    #mypage-money article .moneybox div.border-right:nth-child(1){border-right:none; border-bottom:1px solid #ccc;}

    #mypage-money article .moneybox1{margin-top: -20px; height: auto; padding-bottom:20px;}
    #mypage-money article .moneybox1 h1{margin-top: 20px;}
    #mypage-money article .moneybox div h1{font-size: 18px; letter-spacing: 1px;}
    #mypage-money article .moneybox>div>p{font-size: 13px; padding: 2%; margin-top: 1%; height: 65px;}
    #mypage-money article .moneybox div button{margin-top: 10px;}
    #mypage-money article .moneybox div button.money-btn,#mypage-money article .moneybox div button.money-btn1{width: 80%;font-size: 14px;letter-spacing: 1px;}

    #mypage-money article .moneybox2 h1{text-align: center;}
    #mypage-money article .moneybox2>div{width: 100%;margin-right: 0;}
    #mypage-money article .moneybox2>div div.moneybox-text{height: auto;}
    #mypage-money article .moneybox2 div.moneybox-text p{font-size: 12px; margin:5px;}
    #mypage-money article .moneybox2 .moneybox-text2 ul{padding: 1px 10px;height: 160px;}
    #mypage-money article .moneybox2 .moneybox-text2 ul li{font-size: 14px;margin-top: 0;line-height: 30px;}
    #mypage-money article .moneybox2 .moneybox-text2 ul li:nth-child(1){margin-top: 30px;}
    #mypage-money article .moneybox2 .moneybox-text2 ul li span{font-size: 18px;}
    #mypage-money article .moneybox2 .moneybox-text2 ul li span input{width: 180px;}
    #mypage-money article .moneybox2 .moneybox-text2 button.money-btn2{margin-bottom: 20px;}

    #mypage-money article .moneybox3,#mypage-money article .moneybox2 .moneybox2-2{margin-top: 70px;}
    #mypage-money article .moneybox3 h1{font-size: 18px; letter-spacing: 1px; text-align: center;}
    #mypage-money article .moneybox3 table tbody tr{
        font-size: 15px;
        font-weight: 400;
        border: 1px solid #ccc;
        height: auto;
        border-top: 3px solid #4bb7e2;
    }
    #mypage-money article .moneybox3 table tbody tr td{display: block;margin: 20px 0;}
    #mypage-money article .moneybox3 table thead{display: none;}
    #mypage-money article .moneybox3 table tbody tr td:before{
        margin-bottom: 1px;
        content: attr(data-title);
        width: 100%;
        font-size: 13px;
        line-height: 10px;
        font-weight: 300;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #5a5a5a;
        display: block;
        padding-bottom:10px;
    }

    article#coupon-point{padding: 3%;}
    article#coupon-point .cpnpoint-tab ul.cpnpoint-tabmenu{height: 35px;margin-bottom: 0%;}
    article#coupon-point .cpnpoint-tab ul.cpnpoint-tabmenu li{line-height: 35px;font-size: 14px;}
    article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon .coupon-box{height: 150px;box-shadow: none;border: none;}
    article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon .coupon-box p{font-size: 16px;margin-top: 20px;margin-bottom: 10px;}
    article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon .coupon-box input{width: 75%;}
    article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon .coupon-box button{width: 25%;font-weight: 300; font-size: 11px;}

    article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon #coupon-tab{margin-top: 3%;}
    article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon #coupon-tab ul.coupon-tabmenu{height: 35px;}
    article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon #coupon-tab ul.coupon-tabmenu li{
        width: 50%;
        height: 35px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    article#coupon-point .cpnpoint-tab .cpnpoint-txt #coupon #coupon-tab ul.coupon-tabmenu li a{font-weight: 300; font-size: 14px;}

    article#coupon-point .cpnpoint-tab .cpnpoint-txt table thead{border: 1px solid #979797;box-shadow: none;}
    article#coupon-point .cpnpoint-tab .cpnpoint-txt table thead tr{height: 30px; font-size: 12px; letter-spacing: 3px;}

    article#coupon-point .cpnpoint-tab .cpnpoint-txt table tr.coupon-space{height: 10px; box-shadow: none;}

    article#coupon-point .cpnpoint-tab .cpnpoint-txt table tbody tr{
        font-size: 12px;
        font-weight: 300;
        height: 50px;
        box-shadow: none;
    }
    article#coupon-point .cpnpoint-tab .cpnpoint-txt #point .point-box{
        line-height: 100px;
        box-shadow: none;
        border: none;
        margin-bottom: 1%;
    }
    article#coupon-point .cpnpoint-tab .cpnpoint-txt #point .point-box h1{font-size: 18px;}
    article#coupon-point .cpnpoint-tab .cpnpoint-txt #point .point-box h1 span{font-size: 22px;margin-left: 10px;}
    article#coupon-point .cpnpoint-tab .cpnpoint-txt #point .point-list p{
        width: 100%;
        height: 35px;
        line-height: 35px;
        font-weight: 300;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .mypage-question1_1 .question-txt div{font-size:12px; font-weight:400; letter-spacing:-0.72px; color: #343a40;}
    .mypage-question1_1 .question-txt div:nth-child(1),
    .mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(1){width: 15%;padding-left:0px;}
    .mypage-question1_1 .question-txt div:nth-child(2),
    .mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(2){width: 40%;}
    .mypage-question1_1 .question-txt div:nth-child(3),
    .mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(3){width: 20%;}
    .mypage-question1_1 .question-txt div:nth-child(4),
    .mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(4){width: 25%; padding-right:0px;}

    .mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(1){letter-spacing:-1.9px;}
    .mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(2){padding-left:20px; font-size:13px;}
    .mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(3){font-size:12px; letter-spacing:-1px; color: #495057;}
    .mypage-question1_1 .detail-news-body .news-body-in .news-body-top div:nth-child(4){font-size:12px; letter-spacing:-0.8px; }

    .news-body-bottom{padding:15px;}

    .mypage-question .information-name{
        font-size: 15px;
        padding-bottom: 5px;
        border-bottom: 2px solid #282828;
    }
    .mypage-question .question-txt{height: 30px}
    .mypage-question .question-txt div{line-height: 30px;font-size: 12px;}
    .mypage-question-center .center-text .center-t .question-txt>div:nth-child(3){width:15%;}
    .mypage-question .question-txt div:nth-child(3),.mypage-question .question-txt div:nth-child(4){}
    .mypage-question .detail-news-body .news-body-in .news-body-top div{font-weight: 500;font-size: 12px;}
    .detail-news-body .news-body-in .news-body-top div:nth-child(4){padding-right: 0px;}

    .mypage-question .detail-news-body .news-body-in .news-body-bottom .line-div{padding-bottom: 10px;}
    .mypage-question .detail-news-body .news-body-in .news-body-bottom .question-txt-float{width: 100%;margin-left: 0;}
    .mypage-question .detail-news-body .news-body-in .news-body-bottom .question-txt-float p{font-size: 12px; font-weight:400;}
    .mypage-question .detail-news-body .news-body-in .news-body-bottom .question-txt-float h3{font-size: 13px; font-weight:600;}

    .mypage-question .question-button{width: 100px;height: 30px;line-height: 30px;}
    .mypage-question .question-button a{font-size: 12px;}

    section.s-center .mypage-txt h1{height: 50px !important;}
    hr.Moline_common{
        border: none;
        width: 15px;
        height: 2px;
        background: #bebebe;
        margin-right: 10px;
        display: block;
        margin: 10px auto;
    }
    .mypage-question-center div.center-tabmenu-div{height: 40px;}
    .mypage-question-center ul.center-tabmenu{height: 40px;}
    .mypage-question-center ul.center-tabmenu li{height: 40px;line-height: 40px;}
    .mypage-question-center ul.center-tabmenu li a{font-size: 13px;}

    .mypage-question-center .center-text #center1 .question-txt{height: 30px;}
    .mypage-question-center .center-text .center-t .question-txt>div{height: 30px;line-height: 30px;font-size: 12px;}
    .mypage-question-center .center-text .center-t .question-txt>div:nth-child(1){width: 15%; padding-left: 15px;}
    .mypage-question-center .center-text .center-t .question-txt>div:nth-child(2){width: 65%;  text-align: center;}
    .mypage-question-center .center-text #center1 .detail-news-body .news-body-in .news-body-top{height: 100%;}

    .mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-top>div{height: 100%;line-height: 30px;}
    .mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-top>div.question-detail{width: 20%;text-align: center; letter-spacing: -0.72px; }

    .mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-top div.question-detail-name{width: 55%; white-space: nowrap;padding-left: 5px;overflow: hidden; text-overflow: ellipsis;}

    .mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-top div.question-detail-day{font-size:12px;width: 25%;height: 20px; text-align: right;padding-right: 7px;}
    .mypage-question-center .center-text .center-t .detail-news-body .news-body-in span.event-ing{
        width: 40px;
        margin-left: 5px;
        height: 20px;
        line-height: 20px;
        font-size: 11px;
        font-weight: 300;
    }
    .mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-top .question-detail{letter-spacing: -0.8px;}
    .mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-bottom{padding: 0px;}
    .mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-bottom .question-txt-float{
        margin: 0;
        font-size:12px;
        margin-left: 0 !important;
    }
    .mypage-question-center .center-text #center1 .detail-news-body .news-body-in .news-body-bottom .question-txt-float .bottom-float-img ul li{
        height: 20px;
        line-height: 20px;
        font-size: 13px;
    }
    .mypage-question-center .center-text #center1 .detail-news-body .news-body-in .news-body-bottom .question-txt-float .bottom-float-img ul li span{width: 120px;font-size: 14px;}
    .mypage-question-center .center-text{padding:0 20px;}

    .mypage-question-center .center-text #center2 .question-txt{height: 30px;}
    .mypage-question-center .center-text #center2 .question-txt>div:nth-child(1){width: 20%;}
    .mypage-question-center .center-text #center2 .question-txt>div:nth-child(2) {width:80%;}

    .mypage-question-center .center-text #center2 .detail-news-body .news-body-in .news-body-top>div:nth-child(1){width: 20%; float: left;}
    .mypage-question-center .center-text #center2 .detail-news-body .news-body-in .news-body-top>div:nth-child(2){width: 70%; height: auto; padding-left: 10px;}
    #center2 .detail-news-body .news-body-in .news-bodbry-top{padding: 10px;height: 100%;}
    #center2 .detail-news-body .news-body-in .news-body-top .question-detail-name{padding: 0px; font-weight: 500; font-size: 13px; letter-spaicng:-0.52px;}

    .mypage-question-center .center-text #center2 .detail-news-body .news-body-in .news-body-bottom .question-txt-float p{font-size:12px !important;}
    .mypage-question-center .center-text #center2 .detail-news-body .news-body-in .news-body-bottom .txt-left{width: 5%;}

    #center3 section.center3section{padding: 10px;border-top: none; margin-bottom: 50px;}
    #center3 section.center3section p,#center3 section.center3section .center3-select{margin-bottom: 20px;}
    #center3 section.center3section p label,#center3 section.center3section .center3-select label{font-size: 12px;padding-left: 0; margin-bottom: 8px;}
    #center3 section.center3section .center3-select select{padding-left: 0;}
    #center3 section.center3section p.p_float{width: 74%; float: right;}
    #center3 section.center3section p.p_float input.styled-checkbox:checked + label:after{top: 12px; left: 0;}
    #center3 section.center3section p.bottom-none{margin-bottom: 5px;}
    #center3 section.center3section p.p_float label{font-size: 11px;width: 25%; letter-spacing: 0.5px;}
    #center3 section.center3section p.p_float label.gender{width: 38%; letter-spacing: 0 !important;}
    #center3 section.center3section p.centerbox textarea{padding: 10px;}
    #center3 section.center3section p.fixed-check label{font-size: 12px;}
    #center3 section.center3section .center-ok-btn p{font-size: 14px;}

    .mypage-question-center .center-text .center-t .detail-news-body .news-body-in .news-body-top>div:nth-child(2){font-size:13px;}

    .art-product .art-text p.sale-p{ font-size: 18px;}
    article.art-mall .art-product .sale-art-img{width: 60px;  height: 60px;}
    article.art-mall .art-product .sale-art-img p.sale-percent{line-height: 60px;font-size: 14px;}

    section.artmall-main{height:100px;}
    section.artmall-main h1{font-size: 24px;line-height: 100px;}
    article.art-mall{width: 100%;height: auto; padding-bottom: 40px;}
    article.art-mall a {width: 100% !important; margin-bottom:50px;}
    article.art-mall .art-product{width: 100%;float: none;}
    .art-product .art-text p{font-size: 14px;}
    .art-product .art-text h1{font-size:18px;}
    .art-product .art-text h2{font-size: 14px;letter-spacing: -1px;}
    .art-product .art-text h3{font-size: 17px;}
    .art-product .art-text button a{font-size: 15px;}

    #art-mall-tab .art-tab li{max-width: 60px;height: 40px;margin-right: 5px;}
    #art-mall-tab .art-tab li:nth-child(2){max-width:80px !important;}
    #art-mall-tab .art-tab li a{font-size: 12px;}

    .detail-top .detail-left .bx-pager-mall .bx-pager-mall-margin{margin: 0px;}
    .detail-top .detail-left .bx-pager .bx-mall{width: 70px;height: 70px;}
    .detail-top .detail-left .bx-pager .bx-mall a img{width: 100% !important;}
    .detail-top .detail-right .mall-detail-right ul.goods-state li.mall-edition{height: 25px;font-size: 12px;line-height: 25px;}
    .detail-top .detail-right .mall-detail-right p.product-name{padding: 0px; font-size:18px;}
    .detail-top .detail-right .mall-detail-right p.artmall-artist-name{font-size: 16px;}
    .detail-top .detail-right .mall-detail-right p.artmall-number{font-size: 13px;}
    .detail-top .detail-right ul.artmall-detail-texts li{height: 35px;line-height: 35px;}
    .detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name1{font-size: 14px;}

    form ul.artmall-number-texts li span.detail-texts-name1{width: 50%;}
    form ul.artmall-number-texts li span.detail-texts-name1 input.amount{max-width: 600px;}
    form ul.artmall-number-texts li span.detail-texts-name1 input.amount-button{width: 30px;height: 30px;font-size: 13px;}
    form ul.artmall-number-texts li span.detail-texts-name1 input.amount{height: 30px;}
    form ul.artmall-number-texts li span.detail-texts-name1 input.amount-money{font-size: 14px;}
    .btn-areas ul.btn-area li a.mall-buy-btn{width: 230px;}

    .detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name1 .detail-view{padding-top: 5px;}
    .detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name1 .detail-view p{font-size: 12px;height: 30px;line-height: 30px;}
    .detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name1 .detail-view .detail-view-box{width: 250px;height: 180px;}
    .detail-top .detail-right ul.artmall-detail-texts li span.detail-texts-name1 .detail-view .detail-view-box p{font-size: 12px;}

    article.artmall-detail-bottom{border-bottom: none;}
    article.artmall-detail-bottom .detail-infor{border-bottom: 1px solid #ccc;}

    .care-box .care{
        width: 100%;
        clear: both;
        height: 220px;
        float: none;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .care-box .care .care-img{
        padding-top: 10px;
        height: 220px;
        width: 40%;
        float: left;
    }
    .care-box .care .care-img img{width: 50%;}
    .care-box .care .care-img-w img{width: 60%; padding-top: 0;}
    .care-box .care .care-img-w2 img{width: 35%;}
    .care-box .care .care-text{
        padding: 12px;
        height: 220px;
        width: 60%;
        float: right;
    }
    .care-box .care .care-text p{font-size: 13px;}

    section.artmall-buy form.artmallbuy p>span.product-name{
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        margin-top: -10px;
    }
    section.gallery-in{padding: 4%;}
    section.gallery-in .content-inner .inner-in .inner-text h1{
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    section.gallery-in .content-inner .inner-in .inner-text h2{font-size: 13px;}
    section.gallery-in .content-inner .inner-in .inner-text p{font-size: 11px;height: 42px;}
    section.gallery-in .content-inner .inner-in .inner-text p>span{font-size: 14px;}

    div.mygallery{height: 170px;}
    div.mygallery h1{font-size: 20px;}
    div.mygallery .vr-banner{height: 100px;}
    div.mygallery .vr-banner img{width: 700px;}
    div.mygallery .vr-btn{top: -100px;height: 100px;left: -40px;}
    div.mygallery .vr-btn>p{
        width: 100px;
        height: 35px;
        left: 80px;
        top: 35px;
    }
    div.mygallery .vr-btn>p a{font-size: 14px;line-height: 35px;}

    section#my-gallery .gallery-tab ul.gallery-tabmenu{height: 20px;}

    section#my-gallery .gallery-tab ul.gallery-tabmenu li{height: 7px;}
    section#my-gallery .gallery-tab ul.gallery-tabmenu li a{font-size: 15px;}
    div.gallery-text{padding-top: 15px;}
    div.gallery-text .gallery-main-t{height: 35px; margin-bottom: 20px;}
    section.gallery-in .content-inner{margin-bottom: 5%;}
    div.gallery-text .gallery-main-t .main-t-in{
        line-height: 35px;
        padding-left: 4%;
        padding-right: 4%;
    }
    div.gallery-text .gallery-main-t .main-t-in h2{
        height: 35px;
        font-size: 14px;
        font-weight: 400;
    }
    div.gallery-text .gallery-main-t .main-t-in p{height: 35px;font-size: 16px;}
    div.gallery-text .gallery-main-t .main-t-in p span.number-size{font-size: 20px;}

    article#vrComingsoon{padding: 10px !important;}
    article#vrComingsoon section.vrgallery-comingsoon img{margin-top: 40px;}
    article#vrComingsoon section.vrgallery-comingsoon h1{
        font-size: 18px;
        margin: 40px 0 10px 0;
    }
    article#vrComingsoon section.vrgallery-comingsoon h2{
        font-size: 14px;
        margin-bottom: 20px;
        letter-spacing: -2px;
    }

    /*마이페이지 new*/
    div.c01-new{height:auto !important}
    div.c01-new .user-info{height: 210px !important;}
    div.c01-new .user-cont{height: 215px !important;}
    div.c01-new .user-info .text-list li{margin: 8px 0;}
    div.c01-new .card-new .text-list li.padding{padding-top:5px;}
    div.c01-new div.card-title h1{font-size:14px; }
    div.c01-new .text-list-block{padding:10px 30px; display: inline-block;}
    div.c01-new .card-new .tooltip-boxN{  left: 110px; top: -2px; font-size: 13px;}
    div.c01-new .card-new .tooltip-boxN .tooltip-text{right: -500%;}
    div.c01-new .card-new .tooltip-boxB{ font-size: 13px;left:65px;}

    div.c04-new{height:auto;}
    div.c01-new .card50{  width:100%; margin-bottom:20px;}
    div.c01-new .card50 ul.in{padding:15px 30px;}
    div.c01-new .card50 ul.inM{padding:15px 30px 0 30px;}
    div.c01-new .card50 ul.in li.accordion{margin-bottom:12px;}
    div.c01-new .card50.right ul.in li.accordion{margin-bottom:6px;}
    div.c01-new li.accordion .contents-box ul li{padding-left: 4px; margin-bottom:5px;}
    div.c01-new li.accordion .contents-box ul li.top-title{margin-bottom:12px; padding-left:0; font-size:14px;}
    div.c01-new .card50.right li.accordion .contents-box ul li.top-title{margin-top:12px; font-size:13px;}
    div.c01-new div.detailMypage-btn{margin-bottom:20px; margin-top: 0;}

    /*청약서*/
    .investPaper{padding: 30px 20px !important;}
    .investPaper .print-notice{font-size: 12px;}
    .investPaper .contents .top{height: auto;}
    .investPaper .contents .middle .in-top{height: auto;}
    .investPaper .contents .middle .in-top .left,
    .investPaper .contents .middle .in-top .right{width: 100%; margin-bottom: 40px;}
    .investPaper .contents .middle{padding: 30px 20px;}
    .investPaper .contents .middle h2{font-size: 16px; margin-bottom: 20px; padding-bottom: 10px;}
    .investPaper .contents .middle ul li p{font-size: 13px;}
    .investPaper .contents .bottom{padding: 50px 20px 30px 20px;}
    .investPaper .contents .middle .in-middle{background: none; padding: 0; margin-top: 0;}
    .investPaper .contents .middle ul{padding-left: 0;}
    .investPaper .contents .top .right .button-box button.print{display: none;}
    .investPaper .contents .top .right .button-box button.down{background: #548dfc;}
    .investPaper .contents .bottom .left{font-size: 14px;}
    .investPaper .contents .bottom .right{width: 110px;}
    .investPaper .contents .bottom .seal{width: 80px; height: 80px;    top: 30px;}
    .investPaper .contents .middle ul li p.text-left.long{width: 150px;}
    .investPaper .contents .middle ul li.li-flex p.long{width: 110px;}
    .investPaper .contents .top .left{display: none;}
    .investPaper .contents .top .right{width: 100%; padding: 30px;}
    .investPaper .contents .top .right h1 span{display: inline-block; }
    /*청약서 임시*/
    .investPaper.temporary .contents .middle .in-top .left,
    .investPaper.temporary .contents .middle .in-top .right{padding: 0;}
    /*투자계약서*/
    .investPaper-contract .text{padding: 0 10px; height: 500px; font-size:12px; line-height: 1.3;}

}




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

    /*출금,투자자격 변경*/
    input.in-input{max-width: 150px;}
    .withdraw .contents .contents-top{height: auto;}
    .withdraw .contents .contents-top .contents-top-in{padding: 20px 40px;}
    .withdraw .contents .contents-bottom{padding: 30px 40px;}
    .withdraw .contents .contents-top-in li p.col{font-size: 14px;}
    .withdraw .contents .contents-top-in li p.text-right.amount{font-size: 16px;;}
    .withdraw .contents .contents-top-in li{height: 25px; line-height: 20px;}
    .withdraw .contents .contents-bottom p.withdraw-notice{font-size: 12px; line-height: 18px; margin-bottom: 20px;}
    .withdraw .contents .contents-top .contents-top-in{line-height: 26px;;}
    .withdraw .contents .contents-bottom .amount-button button{font-size: 12px;}

    .qualification{padding: 30px;}
    .qualification>section p{font-size: 16px; line-height: 24px;}
    .qualification>section ul li{    text-align: left;line-height: 20px;text-indent: -8px;  padding-left: 8px;}
    .qualification .download button{width: 100%;margin-top: 10px;}
    .qualification .download button.file{margin-right: 0px;}
    .qualification .change>div button{font-size: 16px;}
    .qualification .change>div button p{font-size: 12px;}
    .invest-popup.qualification .contents .file-list{    border-radius: 12px 12px 0 0;}

    .invest-popup.qualification{40px 30px !important;;}
    .invest-popup.invest-terms .terms-list{padding: 20px 30px;}
    .invest-popup.invest-terms .terms-padding-top{ padding: 60px 30px 0 30px;}
    .invest-popup.invest-terms .terms-list ul{padding:0;}
    .invest-popup.invest-terms .terms-list .textindent ul li{margin-left:0;}

    /*mypage-accordion 21.11.16*/
    li.accordion .contents-box{padding: 15px 30px;}
    li.accordion .contents-box ul li span.space{padding-left:5px; font-size:12px;}
    li.accordion .contents-box ul li.margin{margin-bottom:8px !important;}
    li.accordion .contents-box ul li.margin{font-size:13px;}
    li.accordion .contents-box ul li span.text-right{font-size:12px;}

    section.Section .banner-fixed-box{ text-align: center; margin: 0 auto; width: 100%; max-width: 320px;}
    section.Section .banner-fixed a>img.img{display:none;}
    section.Section .banner-fixed a>img{width:100%;}
    section.Section .banner-fixed a>img.img_m{display:block; margin: 0 auto; width:100%;}

    section.Main-section{background: #f3f6f9;height: 100%;}
    section.Main-section article#prev{display: none;}
    section.Main-section article#nex{display: none;}

    #slideShow{height:auto;}
    #slideShow .slide ul li{height: auto;padding: 0;}

    li .m-in-content{padding: 0;}
    li .m-in-content .in-content-left{
        width: 55%;
        margin-left: 0;
        float: none;
        position: relative;
        z-index: 10;
        margin: 20px auto;
        height: 330px;
    }
    li .m-in-content .in-content-right{
        width: 100%;
        float: none;
        padding: 20px;
        padding-top: 40px;
        position: relative !important;
        margin-top: -35px;
        height: 100%;
        background: #001639;
    }
    li .m-in-content .in-content-right .in-content-right-box1{position: absolute; top: 90px; width: 90%;}
    .in-content-right-box1 p img{display: none;}
    .in-content-right-box1 h1{font-size: 18px;letter-spacing: -0.88px;line-height: 29px;}
    .in-content-right-box1 h2{font-size:12px;margin-top:5px; letter-spacing: -0.48px;}
    li .m-in-content .in-content-right .content-ing-bar{
        margin-top: 150px;
        padding-top:20px;
        position: relative;
    }
    .content-ing-bar .bar-all{height: 10px;}
    .content-ing-bar .bar-text p{
        font-size: 14px;
        letter-spacing: -0.48px;
        width: 100%;
        text-align: right;
    }
    .content-ing-bar .bar-text h4{
        font-size: 18px;
        letter-spacing: -0.72px;
    }

    li .m-in-content .in-content-right .in-content-right-box2{
        width: 100%;
        padding-top: 0;
    }
    .in-content-right-box2 .Right-box-left{
        width: 100%;
        float: none;
        text-align: right;
        margin-top: 10px;
        height: 40px;
    }
    .in-content-right-box2 .Right-box-left p{display: none;}
    .in-content-right-box2 .Right-box-left span{font-size: 13px;letter-spacing: -0.52px;}

    .in-content-right-box2 .Right-box-right{ width: 100%;float: none;}
    .in-content-right-box2 .Right-box-right a{font-size: 16px;letter-spacing: -0.64px;}

    li .m-in-content .in-content-right p.prevnext{display: none;}

    /*bxslider css*/
    section.Main-section .bx-pager{
        position: relative;
        left: 0;
        bottom: 300px !important;
        padding-top: 0 !important;
        width:100% !important;
    }
    section.Main-section .bx-pager-item a{background: #87a6c0 !important;}
    section.Main-section .bx-pager-item a.active{background: #fff !important;}

    section.Main-section .bx-wrapper .bx-prev{
        display: block;
        top: 150px !important;
        left: 22px !important;
        width: 12px !important;
    }
    section.Main-section .bx-wrapper .bx-next{
        display: block;
        top: 150px !important;
        right: 22px !important;
        width: 12px !important;
    }

    section.Section{margin-top: 40px !important;}
    section.Section .banner-rolling{width: 100% !important; float: none;}
    section.Section .banner-rolling .bx-wrapper{height: auto;}

    section.Section .banner-rolling a li.banner1 div.banner1-text{width: 50%;float: right;}
    section.Section .banner-rolling a li.banner1 h1{
        font-size: 17px;
        text-align: left;
        letter-spacing: -0.68px;
        padding-top: 20px;
    }
    section.Section .banner-rolling a li.banner1 h1>p{display: block;}
    section.Section .banner-rolling a li.banner1 p.textp2{
        font-size: 12px;
        text-align: left;
        letter-spacing: -0.72px;
        padding: 0;
    }
    section.Section .banner-rolling a li.banner1 p.textp2>span{display: block;}
    section.Section .banner-rolling a li.banner1>div.rental-img{width: 45%;float: left;}

    section.Section .banner-fixed-box{background: url(/images/fo/section3-img.png) no-repeat top center;}

    section.Section .banner-rolling .bx-pager{
        bottom: 10px !important;
        display: block !important;
        width: 96%;
        text-align: right !important;
    }
    section.Section .guide-banner{
        margin-top: 40px;
        float: none;
        width: 100% !important;
        height: auto !important;
    }
    section.Section .banner-fixed .kakao{height: 60%;padding: 10px;}
    section.Section .banner-fixed .kakao h1{
        width: 85px;
        font-size: 11px;
        height: 23px;
        margin-top: 0px;
        line-height: 23px;
    }
    section.Section .banner-fixed .kakao img{width: 30px;}
    section.Section .banner-fixed .kakao h2{
        width: 50%;
        float: left;
        height: inherit;
        font-size: 13px;
        text-align: right;
        padding-right: 5px;
        padding:0px;
    }
    section.Section .banner-fixed .kakao h2.h2-size{font-size: 19px;float: right; clear: none; padding: 0; margin-top: -10px; text-align:left;}
    section.Section .banner-fixed .kakao h2 span.p{font-size: 32px;margin-right: 10px;}
    section.Section .banner-fixed .kakao-bottom{height: 30%;}
    section.Section .banner-fixed .kakao-bottom p{
        font-size: 12px;
        letter-spacing: -1.1px;
        line-height: 30px;
        width:100% !important;
        padding:0px 0px 0px 0px;
        float:right;
    }
    section.Section .banner-fixed .kakao-bottom p br{display: none;}

    section.Section .banner-rolling .bx-wrapper .bx-prev{display: none;}
    section.Section .banner-rolling .bx-wrapper .bx-next{display: none;}

    /*section 2*/
    section.Section2{height: 420px;}
    section.Section2 .bx-viewport{height: auto !important;}
    section.Section2 .bxslider .section2-box .section2-color{height: 80px;}
    section.Section2 .section2-main .section2-top{height: 150px;}
    section.Section2 .section2-main .section2-top h1{
        padding-top: 45px;
        font-size: 16px;
        letter-spacing: -0.64px;
        line-height: 24px;
    }
    section.Section2 .section2-main .section2-top h1 span{font-size: 16px;letter-spacing: -0.64px;}
    section.Section2 .section2-main .section2-top .product-go-btn{
        max-width: 200px;
        height: 45px;
        margin:  35px auto;
    }
    section.Section2 .section2-main .section2-top .product-go-btn a{
        line-height: 45px;
        font-size: 14px;
        letter-spacing: -0.56px;
    }
    section.Section2 .section2-main .section2-bottom{
        height: 270px;
        padding: 1%;
        padding-top: 40px;
    }
    .section2-bottom div.white-box{
        width: 100%;
        height: 170px;
    }
    .section2-bottom div .bottom-img-box{padding: 5px;}
    .section2-bottom .bottom-boxs p{
        width: 100%;
        text-align: center;
        padding-top: 5px;
        color: #e9ecef;
        letter-spacing: -0.72px;
        font-size: 12px;
    }

    /*section 3*/
    section.Section3{height: 450px;}
    section.Section3 .section3-tabmenu{padding: 4%;padding-top: 30px;}
    section.Section3 .section3-tabmenu h1{
        float: none;
        width: 100%;
        height: 35px;
        font-size: 26px;
    }
    section.Section3 .section3-tabmenu h1>span{
        display: block;
        font-size: 14px;
        margin-left: 0px;
        letter-spacing: -0.56px;
    }
    section.Section3 .section3-tabmenu ul.Smarket-tabmenu{height: 20px;}
    section.Section3 .section3-tabmenu ul.Smarket-tabmenu li{margin-top: 0px;width: 10px;height: 10px;}
    section.Section3 .section3-tabmenu ul.Smarket-tabmenu li a.mselect{width: 10px;height: 10px;}

    section.Section3 .section3-tabmenu .market-tab-txt{padding-top: 20px;}
    section.Section3 .section3-tabmenu .market-tab-txt .Market .main-market{height: 14%;}
    .main-market .market-Left{width: 65%;}
    .main-market .market-Left-result{width: 35%;}
    .main-market .market-Left h2{
        margin-top: 6px;
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .main-market .market-Left h3{
        margin-top: 25px;
        font-size: 14px;
        letter-spacing: -0.56px;
    }
    .main-market .market-Left p{
        font-size: 11px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .main-market .market-Right h4{
        font-size: 18px;
        letter-spacing: -0.44px;
        margin-top:20px;
    }
    .main-market .market-Right h4 span{font-size: 11px;margin-left: 2px;}
    .main-market .market-Right h1{font-size: 22px !important;}
    .main-market .market-Right p{font-size: 12px;letter-spacing: -0.48px;}

    /*section 4*/
    section.Section4{height: auto;margin-bottom: 40px;}
    section.Section4 .A_T-blog{padding: 4%; padding-top: 30px;overflow: hidden;}
    section.Section4 .A_T-blog h1{
        letter-spacing: -0.64px;
        margin-bottom: 20px;
    }
    section.Section4 .A_T-blog h1 span a{
        font-size: 13px;
        letter-spacing: -0.52px;
    }
    section.Section4 .A_T-blog .A_T-blog-boxs{
        width: 48%;
        height: auto;
        margin-right: 4%;
    }
    section.Section4 .A_T-blog .A_T-blog-boxs a{ height:auto;}
    section.Section4 .A_T-blog .A_T-blog-boxs .blog-boxs{height:auto;}
    section.Section4 .A_T-blog .A_T-blog-boxs:nth-child(3){margin-right: 0%;}
    section.Section4 .A_T-blog .A_T-blog-boxs:nth-child(4){display: none;}
    section.Section4 .A_T-blog .A_T-blog-boxs:last-child{display: none;}
    section.Section4 .A_T-blog .A_T-blog-boxs p{
        font-size: 12px;
        margin-top: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #secession{padding:40px 20px; }
    .detail-bottom { margin-top: 30px; }
    div.detail-infor > div.info-invest > div > strong { font-size: 14px; }
    .detail-texts-name1 .calculator .stock{width:55%;}

    /*명품매입 페이지*/
    #jnlConsignment .guide-list .guide-listbox{width:49%; height: 250px;}
    #jnlConsignment .guide-list .guide-listbox h3{padding: 15px 20px;}
    #jnlConsignment .redesignin .left h3{line-height:28px;}
    #jnlConsignment .guide-list{margin-top:30px;}
    #jnlConsignment p.guide-listbox-p,
    #jnlConsignment p.guide-listbox-p-t{font-size:14px;}
    #jnlConsignment p.sub_t{font-size:16px;}
    #jnlConsignment .guide-list .guide-listbox p br{display:block;}
    #jnlConsignment .guide-list .guide-listbox:nth-child(1){margin-right:2%;}
    #jnlConsignment .guide-list .guide-listbox:nth-child(1) p,
    #jnlConsignment .guide-list .guide-listbox:nth-child(2) p,
    #jnlConsignment .guide-list .guide-listbox p.p-li{ line-height: 30px;}
    #jnlConsignment .guide-list .guide-listbox p{padding: 0px 0px 0px 4px;}
    #jnlConsignment .guide-list .guide-listbox p.mo-p{margin-top:-10px;}
    #jnlConsignment .guide-list .guide-listbox{margin-bottom:3%;}

    /*notice -검색기능 추가 */
    .center-t div.notice-sh{margin-bottom: 20px;}
    .center-t div.notice-sh .fordesign{margin-bottom: 0 !important;}

    /*삼성c-lab 랜딩페이지 회원가입이벤트 배너추가*/
    #eventjoin{height:auto; margin-bottom:30px; background: url(/images/fo/event_join_M.png) center #255AE8; background-size: contain;}
    #eventjoin .in{max-width:600px;}
    #eventjoin .in h1{width:100%; line-height: 40px; margin:30px 0 15px 0; text-align: center;font-size:26px;display:inline-block;}
    #eventjoin .in div.coupon{width:100%; display:inline-block; vertical-align: top; text-align: center;}
    #eventjoin .in div.coupon img{padding: 0; margin-bottom:30px;     width: 50%;}

    /*투게더아트_투자성향 확인*/
    .invest .bg-gray{padding:0 10px 90px 10px;}
    .invest .agree-in{padding:30px;}
    .invest .agree p{font-size:13px; line-height:1.7;}
    .invest .agree dd{font-size:12px;line-height: 1.4;}
    .invest i.fa-chevron-down{margin:15px 0; }
    .invest .agree-check h1.agree-text{font-size: 16px; }
    .invest .agree-check h1.agree-text span{font-size: 24px;}
    .invest br{display: block;}
    .invest .agree-check p.dred{font-size:12px;}

    .invest-inquiry .inquiry{padding:40px 30px;}
    .invest-inquiry .inquiry .inquiry-in{padding:30px 10px; }
    .invest-inquiry button{font-size:14px; line-height: 1.6; padding:8px 12px;}
    .invest-inquiry .inquiry .inquiry-in h3>sub{display: block;}
    .invest-inquiry .inquiry .inquiry-in h3,
    .invest-inquiry .inquiry .inquiry-in h2>span{font-size:18px;}
    .invest-inquiry .inquiry .inquiry-in h2{font-size:16px; }

    .invest .agree-in{padding: 30px 20px;}
    .invest-result .type-box{padding: 40px 30px 20px 30px;}
    .invest-result .type-box .w100{width:100%; margin-bottom: 10px;  display: table;}
    .invest-result .type-box div.type-text{width:32%;}
    .invest-result .agree-in h4{padding: 15px 25px; font-size: 12px;}
    .invest-result .type-box div.type-text4{margin-left:17%;}
    .invest-result .type-box p{padding: 5px;}

    .invest-popup .body p{font-size:16px;}
    .invest-popup .body ul li{font-size:12px;}

    /*마이페이지 투자성향*/
    .MYpage .membership .my-invest button a{font-size:12px;}
    .MYpage .membership .my-invest p.type{font-size:16px;}

    /*회원가입 환영 & 지갑개설*/
    .account-open.mailjoin-after h1{font-size: 24px; line-height: 32px;}
    .account-open.mailjoin-after h1.email{font-size: 18px !important;}
    .account-open .open-in h1{margin-bottom: 10px; font-size: 20px; line-height: 28px;}
    .account-open .open-in p{font-size: 14px; font-weight: 400 !important; line-height: 20px;}
    .account-open.failure-modal2 .open-in p{margin-bottom: 0 !important;;}
    .account-open .open-in .step{width: 100%; padding: 20px 15px;}
    .account-open .open-in .step div{padding:0 4px;}
    .account-open .button-box,
    .account-open .invest-notice,
    .account-open.account-open-finish .forms .joinEmail-in{width: 100%;}
    .account-open.account-open-finish .step{padding: 30px 0 !important;}
    .account-open.account-open-finish .step p{font-size: 14px !important;}
    .account-open.account-open-finish .step p.sub-text{font-size: 12px !important;     line-height: 18px !important;}
    .account-open.account-open-finish .wallet-in h3{font-size: 16px;}
    .account-open.account-open-finish .button-box-go{display: block;;}
    .account-open.account-open-finish .button-box-go button{max-width: 100%;}
    .account-open.account-open-finish .forms .joinEmail-in p.id-card-plus span.id-card i{right:45px;}
    .wallet-modal-qr h1{font-size: 18px !important; line-height: 24px;}
    .account-open-wallet .open-in .step{font-size:16px !important; line-height: 24px;}

    /*사업자 회원가입*/
    .corporation-modal .open-in .sign{padding: 30px;}
    .corporation-modal .open-in h1{font-size: 20px;}
    .corporation-modal .open-in .sign h2{font-size: 16px;}
    .corporation-modal .open-in ul.ul-invest-common li{font-size: 14px;     line-height: 20px;}
    .corporation-modal .open-in ul.ul-invest-common li > ul li{font-size: 12px; text-indent: 0; line-height: 20px;}
    .corporation-modal .open-in ul.ul-invest-common .document_modal_button{margin-left:0; padding: 0; width: 100%;}
    .corporation-modal .open-in ul.ul-invest-common .document_modal_button a{font-size:13px;}
    .corporation-modal p.corporation-top-text{margin-top: 30px;}
    .corporation-modal .method-step .top div{font-size: 13px;}
    .corporation-modal .method-step{margin: 20px 0 30px 0;}
    .corporation-modal .document-file a{font-size: 12px;}
    .corporation-modal .notice{margin-bottom: 15px;}
    .corporation-modal .corporation-button-box2{padding: 30px;}
    .corporation-modal .notice h4{font-size: 16px;}
    .corporation-modal .document-file{margin: 10px 0 30px 0;}
    .corporation-modal .number-file-box .bottom-box{margin-bottom: 20px;}
    .corporation-modal .method div{font-size: 12px; height: 80px;}
    .corporation-modal .method div span{font-size: 10px;}
    .corporation-modal .method i{font-size: 12px; padding: 0 1%;}
    /*기존법인 대상 모달*/
    .corporation-invest .wallet-step-in .step-text h1{font-size: 16px;}
    .corporation-invest .wallet-step{margin-top: 20px;}
    .corporation-invest .wallet-step-in .step-round{padding-right: 10px; font-size: 12px;}
    .corporation-invest .wallet-step-in .step-round span{width: 30px;height: 30px; line-height: 30px;}
    .corporation-invest .corporation-button-box{width: 100% !important;}

    /*투자계약서 서명 제출 파일 추가 등록*/
    .insert .file-list { width: 100%;margin-bottom: 5px;}
    .insert form{display: block;}
    .insert label.all-file{padding: 15px; width: 100%; line-height: inherit !important; margin-left: 0;}

    /*NH 투자증권 서비스 정기 점검 안내 modal*/
    .modal.modal-inspection{width: 100%; position: absolute; bottom: 0; left: 0;}
    .modal.modal-inspection .close-x-btn{top:15px;}
    .modal.modal-inspection span.icon img{width:40% !important;}
    .modal.modal-inspection .title{height: 55px;line-height: 55px;font-size: 16px;}
    .modal.modal-inspection .body{padding: 20px 30px;}
    .modal.modal-inspection .body p.sub{font-size: 14px;  line-height: 22px; margin: 10px 0 20px 0;}
    .modal.modal-inspection .body .detail-sub{padding: 20px; }
    .modal.modal-inspection .body .detail-sub li p{font-size:12px; line-height: 18px;}
    .modal.modal-inspection .body .detail-sub li .left-text{max-width: 90px; }
    .modal.modal-inspection .body .detail-sub li:nth-child(1){margin-bottom: 4px;}
    .modal.modal-inspection .body .bottom-sub{font-size:11px; }

    /*출금 신청(마이페이지)*/
    .withdraw-popup{padding: 40px 20px !important;}
    .withdraw-popup .contents-top-in{padding: 20px !important;}
    .withdraw-popup .contents .contents-top-in li{height: 20px !important; line-height: 20px !important;}
    .withdraw-popup .contents-top-in li.title p.label,
    .withdraw-popup .contents-top-in li.title p.text-right{font-size: 14px !important;}
    .withdraw-popup .contents-top-in li p.col{font-size: 12px !important;}
    .withdraw-popup .contents-top-in ul.withdraw-list li{height: 18px !important;}
    .withdraw-popup .withdraw-check p.bank{font-size: 14px;  }
    .withdraw-popup .withdraw-check p.bank br{display: none;}
    .withdraw-popup .withdraw-check p{line-height: 20px;  max-width: 260px;  margin: 0 auto 10px;}
    .withdraw-popup .contents-top-in ul.withdraw-list p.label{ max-width: 130px;}



    /*-------------------------------리뉴얼임시반영코드*/
    /*공통*/
    .renewal .mo-f18{font-size: 18px !important;}
    .renewal .mo-f16{font-size: 16px !important;}
    .renewal .mo-f15{font-size: 15px !important;}
    .renewal .mo-f14{font-size: 14px !important;}
    .renewal .mo-w100{width: 100%;}
    .renewal .mo-p0{padding: 0 !important}
    .renewal .mo-p0-20{padding: 0 20px !important;}
    .renewal .mo-p20-0{padding: 20px 0 !important;}
    .renewal .mo-p0-15{padding: 0 15px !important;}
    .renewal .mo-p30-20{padding: 30px 20px !important;}
    .renewal .mo-p25-20{padding: 25px 20px;}
    .renewal .mo-p20-5{padding: 20px 5px;}
    .renewal .mo-p10-30{padding: 10px 30px;}
    .renewal .mo-p10-20{padding: 10px 20px;}
    .renewal .mo-p15{padding: 15px;}
    .renewal .mo-p20{padding: 20px;}
    .renewal .mo-p-t10{padding-top: 10px;}
    .renewal .mo-p-l10{padding-left: 10px;}
    .renewal .mo-p-l0{padding-left: 0 !important;}
    .renewal .mo-p-r15{padding-right: 15px !important;}
    .renewal .mo-p0{padding-bottom: 0 !important;}
    .renewal .mo-m-r10{margin-right: 10px;}
    .renewal .mo-m-l0{margin-left: 0;}
    .renewal .mo-m-l5{margin-left: 5px;}
    .renewal .mo-m-b0{margin-bottom: 0 !important;}
    .renewal .mo-m-b3{margin-bottom: 3px !important;}
    .renewal .mo-m-b6{margin-bottom: 6px !important;}
    .renewal .mo-m-b10{margin-bottom: 10px;}
    .renewal .mo-m-b15{margin-bottom: 15px;}
    .renewal .mo-m-b20{margin-bottom: 20px;}
    .renewal .mo-m-t20{margin-top: 20px;}
    .renewal .mo-m-t10{margin-top: 10px !important;}
    .renewal .mo-m-t0{margin-top: 0 !important;}
    .renewal .mo-m30-0{margin: 30px 0;}
    .renewal .mo-m20-0{margin: 20px 0;}
    .renewal .mo-border-line-none{border: none !important;}
    .renewal .mo-display-block{display: block !important;}
    .renewal .mo-height-auto{height: auto;}
    .renewal .mo-display-flex{display: flex;  justify-content: space-between; align-items: center;}
    .renewal .mo-text-overflow{overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap; word-break: break-all;}
    /*공통*/
    .renewal.renewal-bg-gray{padding-bottom: 60px;}
    .renewal.renewal-bg-gray.renewal-bg-mo{padding-bottom: 0 !important;}
    .renewal .head-title{background: #fff; width: 100%;  height: 100px; justify-content: flex-start; text-align: left; border-bottom: 15px solid #F4F5F7; padding: 25px 20px;}
    .renewal .head-title.head-title-border{border-bottom: none !important;}
    .renewal .card-big{border-radius: 0; box-shadow: none;}
    .renewal .title-top{ margin: 20px 0 30px 0; font-size: 18px;}
    /*공통 : 상단 헤더, 탭*/
    .renewal .head-title p{margin-bottom: 4px; font-size: 14px;}
    .renewal .head-title h2{font-size: 20px;}
    .renewal .head-title{position: relative;}
    .renewal .head-title .m-head-title-icon{position: absolute; right: 20px; bottom: 25px; display: block; border-radius: 50%; background: #DBDDE1; width: 23px; height: 23px; vertical-align: middle; text-align: center;}
    .renewal .tab-menu-title{height: 55px;}
    .renewal .contents-title{background: #fff; font-size: 16px; border-bottom: 1px solid #e9ecef;}
    .renewal .tab-menu-title .tab-box{height: 3.5em; line-height: 3.5em;}
    .renewal .tab-menu-title .tab-box a{font-size: 18px;}
    .renewal .contents-title .w42{margin-bottom: 10px;}
    .renewal .contents-title .w42:last-child{margin-bottom: 0;}
    /*공통 : 작품 리스트 썸네일*/
    .renewal .goods-thumbnail .goods-img .box{width: 65px; height: 65px;}
    .renewal .goods-thumbnail .goods-img-caption .artist,
    .renewal .goods-thumbnail .goods-img-caption .piece{ font-size: 12px;}
    .renewal .goods-thumbnail .goods-img-caption .arttitle{font-size: 15px;}
    .renewal .goods-thumbnail .goods-img-caption .piece{ font-size: 14px;}
    /*공통 : 텍스트 배열*/
    .renewal .contents-title.mo-text-space{padding: 0;}
    /*공통 : 모달 안 튤팁*/
    .renewal .tooltip-text{font-size : 13px;}
    /*공통 : 유의사항*/
    .renewal .invest-notice{background: #F4F5F7;}
    .renewal .invest-notice ul li{font-size: 14px;}
    /*공통 : 더보기 버튼*/
    .renewal .more-button{max-width: 160px; height: 50px; line-height: 50px;}
    /*공통 : 셀렉,인풋 박스*/
    .renewal .select-box{font-size: 15px;}
    .renewal .input-sub-box{padding: 0 15px; font-size: 15px;}
    /*공통 : 모달*/
    .modal.renewal-modal{width: 90%; position: absolute; bottom: 20px; left: 50%; transform: translate(-50%, 0);}
    /*공통 : 모달 브라우저 이슈*/
    .modal.renewal-modal.browser-size-modal{position: static !important;  width: 100% !important;  transform: translate(0, 0) !important;}
    /*공통 : 검색*/
    .renewal .product-search{max-width: 100%;}

    /*증권청약-거래내역*/
    .renewal .card-ing{margin-bottom: 20px;}
    .renewal .history-title{font-size: 15px;}
    .renewal .history-list:last-child .card-ing{margin-bottom: 0 !important;}
    .renewal .history-title-ing{font-size: 13px;}
    .renewal .withdrawal-button{max-width: 100px; height: 40px;}
    .renewal .quantity ul{font-size: 14px;}
    .renewal .quantity ul li p.left{width: 35px;}
    .modal.renewal-modal .title-top{font-size: 18px;}
    .renewal .input-number-quantity{font-size: 13px;}
    /*상세내역*/
    .renewal .history-detail .tab-menu-title{font-size: 16px !important;}
    .renewal .history-detail .back-box{width: 40px; height: 40px; line-height: 35px;}
    .renewal .history-detail .goods-thumbnail .goods-img .box{  width: 80px; height:80px; }
    .renewal .history-detail .contents-title{font-size: 14px;}
    .renewal.renewal-modal .side-title{font-size: 20px;}
    .renewal .history-detail .detail-top{background: #F5F9FF;}
    /*투자현황*/
    .renewal .investstatus-detail .tab-menu-title .tab-box a{padding: 0 7px;}
    /*마이페이지*/
    .renewal.mywallet .w1000 .height600{height: auto;}
    .renewal.mywallet .w1000 .height600 .left,
    .renewal.mywallet .w1000 .height600 .left .card{height: auto;}
    .renewal.mywallet .w1000 .height600 .left{width: 100%;}
    .renewal.mywallet .w1000 .height600 .right{width: 100%;}
    .renewal.mywallet .w1000 .height600 .left .invest-test{position: inherit; height: 60px; line-height: 60px;}
    .renewal.mywallet .w1000 .mypage-menu-contents a{width: 100%;}
    .renewal.mywallet .w1000 .title-top{margin: 0 0 30px 0;}
    .renewal.mywallet .mypage-main .account .f-underline,
    .renewal.mywallet .mypage-main .bank-number{font-size: 16px !important;}
    .renewal.mywallet .mypage-main .account-money{font-size: 24px;}
    .renewal.mywallet .mypage-main .account-money i{font-size: 20px;}
    .renewal.mywallet .wallet-button.deposit-button{height: 55px;}
    .renewal.mywallet .mypage-main .wallet-balance{margin: 35px 0;}
    .renewal.mywallet .mypage-main .bank{width: 20px; height: 20px;}
    .renewal.mywallet .wallet-button.withdraw-button{max-width: 120px; margin-left: 10px;}
    .renewal.mywallet .before-deposit{margin-right: 0;border-right: none;}
    .renewal.mywallet .before-deposit input{width: 100%; margin-right: 0;}
    .renewal.mywallet .mo-wallet-button{width: 100%; background: #E1ECFF; max-width: 100%;}
    .renewal.mywallet .corporation-mypage .corporation-hello-img{margin-bottom: 10px;}
    .renewal.mywallet .wallet-not{padding-top: 30px;}
    /*마이페이지-지난공동구매 없을시 스타일*/
    .renewal .pastGoodsNo{ height:auto;}
    .renewal .pastGoodsNo .mypage-menu-contents{height:auto;}
    .renewal .pastGoodsNo .mypage-menu-contents .card{padding: 25px 0;}
    /*청약수량입력'*/
    .renewal .quantity-step .chk-box-terms{position: absolute; bottom: 85px; z-index: 10;}
    .renewal .quantity-step{max-width: inherit;}
    .renewal .quantity-next-step .card{box-shadow: 0 3px 9px #0000000f;}
    .renewal .quantity-last-step .goods-thumbnail .goods-img-caption .artist,
    .renewal .quantity-last-step .goods-thumbnail .goods-img-caption .arttitle{width: auto;}

    /*공통 : 청약하기 버튼 바텀시트*/
    .renewal .subscription-button-bottom{bottom: 0; position: absolute;}
    .renewal .subscription-button-bottom.button-fixed{position: fixed; max-width: inherit;}
    .renewal .button-fixed-mo-bottom{padding-bottom: 100px;}
    /*-------------------------------리뉴얼임시반영코드*/
}


/*갤럭시 폴드 대응*/
@media(max-width:320px) {
    .fold-font-size{font-size: 13px !important;}
    .renewal .goods-thumbnail .goods-img-caption .artist,
    .renewal .goods-thumbnail .goods-img-caption .arttitle{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: break-all;
        width: 100px;
        padding-right: 8px;
    }
    .renewal .gray-color.withdrawal{display: block; margin-top: 4px;}
    .renewal.renewal-modal .invest-notice{height: 200px; overflow-y: scroll; border-bottom: 20px solid #F4F5F7;;}
    .renewal .contents-title.text-space{padding: 0 !important;}
    .renewal.mywallet .wallet-button.withdraw-button{max-width: 85px;}
    .renewal.mywallet .mypage-main .bank-number{font-size: 15px !important;}
    .renewal .corporate-member .contract{font-size: 14px;}
    .modal.renewal-modal .contract-section .p-l30{padding-left: 0 !important;}
    .renewal .side-button{max-width: 70px;}
    .renewal .gfold-p20-0{padding: 20px 0 !important;}
    .renewal .gfold-pl0{padding-left: 0 !important;}
    .renewal .input-sub-box{padding: 0 10px; font-size: 14px;}
    .renewal .error-message{font-size: 13px;}
    .renewal .quantity-step .unit-button .button{margin-right: 6px !important;}
    .renewal .quantity-step .unit-button .button:last-child{font-size: 12px;}
    .renewal .quantity-step .anw.accordion .accordion-in .chk-box .chk-text{font-size: 14px;}
    .renewal .quantity-step .anw.accordion .accordion-in .chk-text-bottom .display-flex{padding-left: 10px;}
    .renewal .quantity-step .anw.accordion .accordion-in .chk-text-bottom .chk-box .chk-text{line-height: 1.2;}
    .renewal .quantity-step .goods-thumbnail .goods-img-caption .m-l8{margin-left: 0 !important; display: block;}
}

/*갤럭시 폴드 대응*/
@media(max-width:320px) {
    .subscription-detail-wrap .detail-right-text .product-name{max-width: 140px;}
}