/**common**/
@font-face {
    font-family: 'IBMPlexSansKR-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
	html, body{padding:0;margin:0; height:100%; font-size:14px;font-family: 'IBMPlexSansKR-Regular';}
	*{border-collapse: collapse; box-sizing: border-box;}
	ul{margin:0;padding:0;}
	li{list-style: none; display:inline-block;}
	a{text-decoration: none; color:#333;}
	p{margin:0; padding:0;}
	.floatR{float:right}
	.floatL{float:left}
	.d_n{display:none !important;}
	.t_a_r{text-align:right;}
	.t_a_l{text-align:left;}
	.t_a_c{text-align:center !important;}
	.hoverBold:hover{font-weight:bold}
	:root {
   	 	--main: #1f68da;
   	 	--warn : #ff8080;
   	 	--def : #eee;
    }
   .btn_goTo.cancel {
    background-color: var(--warn) !important;
    border: 1px solid var(--warn) !important;
	}
	.btn_goTo.cancel:hover {
	    color: var(--warn) !important;
		background-color: #fff !important;
	}
	.btn_goTo.default{
		background-color:var(--def) !important;
		color:#666 !important;
		border:1px solid #eee !important;
	}
	.btn_goTo.default:hover{
	 	background-color: var(--main) !important;
		color: #fff !important;
	}
	
	.textMaxLimit{
	  overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
	}
	sup.required{color:var(--warn);}
	
	.scroll::-webkit-scrollbar {
	    width: 10px;
	    background-color: #eee;
	  }
	  .scroll::-webkit-scrollbar-thumb {
	    background-color: #999;
	  }
	  .scroll::-webkit-scrollbar-track {
	    background-color: #eee;
	  }
	  .disIB{display:inline-block !important;}
/**common end**/

/**header.jsp**/

	 section.header{
		width:100%;
		position:fixed;
		top:0px;
		background-color:#fff;
		height:70px;
		border-bottom:1px solid #eee;
		z-index:10
	}
	
	 section.header table{width:1200px; margin:auto; height:100%; }
/* 	 section.header table td{padding:20px 0px;} */
	.logo {margin-right:20px;}
	.logo img{width:150px;}
	.logo_liveChain img{    width: 130px; vertical-align: 2px;}
	ul.menuTitle {margin-left:20px;}
	ul.menuTitle li{
		font-size: 14px;
	    font-weight: bold;
	    color: #333;
	    line-height: 70px;
	    padding: 0px 20px;
/* 	    cursor: pointer; */
	    position:relative;
        min-width: 120px;
   	 	text-align: center;
	    }
	    ul.menuTitle li a{display:block; font-size:15px;}
    div.downPop{
	    position:absolute;
	    border: 1px solid #eee;
	    border-radius: 10px;
	    width: 100%;
    	left: 0;
    	line-height:0;
   	    background-color: #fff;
	    border-top: 0px;
	    top: 69px;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
    	}
    div.downPop a{ width: calc(100% - 0px); line-height: 30px;    display: block;     padding: 5px 10px;    color: #666; font-weight:normal}
    div.downPop a:hover{font-weight:bold; color:var(--main);}
    
    .btn_myService {    
	    padding: 5px 10px;
	    border-radius: 15px;
	    background-color: var(--main);
	    color: #fff;
	    font-weight: bold;
	    margin-right:10px;
	     border:1px solid var(--main);
	    }
    .btn_myService:hover{background: #fff; color: var(--main);}
    .rightBtnArea a:not(.btn_myService):hover{font-weight:bold}
    .btn_join
/* 	#header_body section.header ul{ height: 100%;    background:#666;} */
/* 	#header_body section.header ul li{padding:25px; background:#ddd; float:left;} */
/**header.jsp end**/

/**index**/

	.contentArea{ margin-top:70px; /*height:calc(100% - 70px)*/}	
	.main.contentBanner{position:relative;    height: 500px;  background-position-y: center;}
	.contentBanner .bannerTable {width:1200px;margin:auto;height:100%;}
	.contentBanner .bannerTable td {color:#fff;}
	.contentBanner .bannerTable td * {display:block}
	.contentBanner .bannerTable td .title{    font-size: 25px;    font-weight: bold;     margin-bottom: 10px;}
	.contentBanner .bannerTable td .subTitle{    font-size: 15px; line-height: 25px;}
	.contentBanner .bannerTable td .btn_goTo{
		display: inline-block;
	    padding: 10px 15px;
	    background: var(--main);
	    border-radius: 10px;
	    margin-top: 20px;
	    color: #fff;
	    font-weight: bold;
	    font-size: 14px;
	    border:1px solid var(--main);
	}
	.contentBanner .bannerTable td .btn_goTo:hover{ background: #fff; color: var(--main); }
	.contents {width:1200px; margin:auto;text-align:center; padding: 100px 0px 0px;}
	.contents div,
	 .contents li, 
	 .contents a,
	 .contents span,
	 .contents img,.contents input,.contents label{display:block}
	.contents img{width:1200px; margin:auto;line-height: 500px;}
	.contents span.title{    font-size: 30px;    font-weight: bold;}
	.contents span.subTitle{    margin-top: 20px;    font-size: 20px;    color: var(--main);    font-weight: bold;}
	.contents .btn_goTo{    
		display: inline-block;
	    padding: 10px 30px;
	    border-radius: 10px;
	    background-color: var(--main);
	    color: #fff;
	    font-size: 20px;
	    border:1px solid var(--main);}
	.contents .btn_goTo:hover{background: #fff; color: var(--main); }
	.footerBanner{
	    width: 100%;
	    height: 200px;
/* 	    background-color: #eee; */
	    margin-top: 100px;
	    text-align:center;
/* 	    padding-top:40px; */
	}
	.footerBanner .title{    font-size: 30px;}
	.bannerMover{
	    color: #fff;
	    position: absolute;
	    top: 50%;
        width: 1500px;
	    margin: auto;
	    left: calc(50% - 750px);
	    z-index:1;
	}
	.bannerMover i{cursor:pointer;font-size: 30px;    padding: 0px 10px;}
	.bannerMover i.fa-chevron-left{float:left;}
	.bannerMover i.fa-chevron-right{float:right;}
	.indexPage .contents img {margin:20px auto}
/**index end**/

/**footer**/
	section.footer{/*margin-top: 100px;*/    padding: 50px;     border-top: 1px solid #eee; clear:both; }
	section.footer table{width:1200px; margin:auto}
	section.footer table td{padding:0px 0px; line-height:30px;}
	section.footer table td p{ font-size: 14px;    color: #666;}
	section.footer table td .fa-youtube{
		font-size: 35px;
	    color: #808080;
	    border-radius: 50px;
	    background: #eaedef;
	    padding: 17px 15px;}
	    section.footer table td .fa-youtube:hover{color:red}
/**footer end**/	
	
/**service_info**/
.service_info .contentBanner{    height: 225px;  background-image: url(../image/banner/serviceInfo.png);     background-attachment: fixed;   background-position-y: 97px;    background-size: contain;}
.serviceBtnTab {    width: 100%; background-color:#fff;   border-bottom: 1px solid #eee; text-align:center;padding:20px 0px;}	
.serviceBtnTab span{font-size:16px; margin-right:10px; font-weight:bold}
.serviceBtnTab .btn_goTo{padding: 0px 10px;    font-size: 16px;    font-weight: bold;    color: #999;}
.serviceBtnTab .btn_goTo:hover{color:var(--main);}
.serviceBtnTab .btn_goTo.active{color:var(--main);pointer-events : none;}	
.service_info .contents {padding:0px;}	
.serviceBtnTab.fixed{    position: fixed; top: 71px;}	
.service_info .contents.fixed{margin-top:71px;}	
/* .service_info .contents div{    height: 100%;} */
/* .service_info .contents div.liveChain{background-color:#804040}	 */
/* .service_info .contents div.smartFactory{background-color:blue}		 */
/**service_info end**/
	
/**partners**/
.partners .contentBanner{    height: 225px;  background-image: url(../image/banner/partners.png);     background-attachment: fixed;    background-position-y: 70px;}
.partners .contents {padding:0px; background: linear-gradient(90deg, #ffffff 50%, #f8f9fa 50%);    width: 100%;}
.partners .contents .leftSide{width:200px; float:left; background-color:#fff;padding-top:30px;}
.partners .contents .rightSide{width:calc(100% - 220px); background: #f8f9fa;  padding-top:30px; padding-left:20px;
}
.partners .leftSide ul {padding-right:10px;}
.partners .leftSide ul li{text-align:left; padding:10px 0px}
.partners .leftSide ul li:not(.title){color:#666}
.partners .leftSide ul li.title{
	font-size: 16px;
    font-weight: bold;
    padding: 10px 0px;
    border-bottom: 1px solid #eee;}	
.partners .leftSide input[type=checkbox]{display:inline-block;vertical-align: -3px;margin-right:5px;}
.partners .leftSide label{line-height:25px; cursor:pointer; font-size:12px;}   
.partners .leftSide ul li.sub{padding-top:10px;} 
.partners .leftSide li span.title{font-size: 14px; color:#333;}
.partners .leftSide li .card{
    background: #f8f9fa;
    padding: 10px;
    border-radius: 10px;
    margin-top: 5px;
	
}
.partners .rightSide .searchArea{    background: #fff;    border-radius: 10px;    border: 1px solid #ddd; text-align:left;}
.partners .rightSide .searchArea .top i{margin-right:5px;}
.partners .rightSide .searchArea .top input[type=text]{    border: 0px;    height: 48px; outline: none;width:calc(100% - 30px);}
.partners .rightSide .searchArea *:not(p) {display: inline-block}
.partners .rightSide .searchArea p{padding:0px 10px;}
.partners .rightSide .searchArea .bottom{padding:10px;}
.partners .rightSide .searchArea .bottom .baloon{
	padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #eaedef;
    margin-right:10px;
    }
.partners .rightSide .searchArea .bottom .baloon i{margin:0px 0px 0px 10px; cursor:pointer;}
.partners .rightSide .searchReset{color: var(--main);    font-weight: bold;    float: right;    margin-top: 5px;}
.partners .listArea {margin-top:50px; text-align:left;}
.partners .listArea span.title{text-align: left;    font-size: 18px;}
.partners .listArea span.title .icon{
	display: inline-block;
    margin-left: 5px;
    font-size: 12px;
    border-radius: 3px;

    color: #fff;
    padding: 0px 5px;
    vertical-align: 2px;
    font-weight: normal;	
}
.partners .listArea span.title .iconNew{    background: #2069db;}
.partners .listArea span.title .iconBest{    background: #ff8c00;}
.partners .listArea ul.card{margin-top: 10px; display:inline-block;}
.partners .listArea ul.card li{
	border: 1px solid #ddd;
    width: 223px;
    height: 300px;
    border-radius: 10px;
    background:#fff;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow:hidden;
    }
.partners .listArea ul.card li:last-child{margin-right:0px;}    
.partners .listArea ul.card li p{    text-align: left;    padding: 10px;}
.partners .listArea ul.card li p.top{    
	background: #e4e7e9;    
	height: 60px; 
	position:relative;    
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
/*     border-bottom:1px solid #f9f9f9; */
    box-shadow:0 1px 40px rgba(0,0,0,0.1);
    }
.partners .listArea ul.card li p.top span.circle{
	position: absolute;
    width: 50px;
    height: 50px;
    background: #fff;
    border:1px solid #ddd;
    border-radius: 50%;
    bottom: -23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	}
	
.partners .listArea ul.card li p.bottom{    height: calc(100% - 160px);}
.partners .listArea ul.card li p.bottom .companyName{margin: 20px 0px 10px;    font-weight: bold; font-size:14px}
.partners .listArea ul.card li p.bottom .companyInfo{color:#666}
.partners .listArea ul.card li p.bottom .companyAddr{color:#999}

.partners .listArea ul.card_100{text-align: left; margin-top:10px;}
.partners .listArea ul.card_100 li{
	border: 1px solid #ddd;
    width: 100%;
    padding:10px 0px;
    border-radius: 10px;
    background:#fff;
    margin-bottom: 10px;
    display: flex;
    position:relative;
    cursor:pointer;
    min-height:54px;
    }
.partners .listArea ul.card_100 li p.left{width:80px; position: relative;}
.partners .listArea ul.card_100 li p.right{}
.partners .listArea ul.card_100 li p.left span.circle{
	width: 50px;
    height: 50px;
    background: #fff;
    border:1px solid #ddd;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	
}
.partners .listArea ul.card_100 li .fas.fa-heart,.partners .listArea ul.card_100 li .far.fa-heart{   
	font-size: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
 	color: #d44467;
    }
.partners .listArea ul.card_100 li .fas.fa-heart{}
.partners .listArea ul.card_100 li .far.fa-heart{}
/**partners end**/	

/**apps**/	
.apps .contentBanner{    height: 225px;  background-image: url(../image/banner/apps.png);     background-attachment: fixed;    background-position-y: 70px;}
.appsBanner{
    background: #f8f9fa;
    text-align: center;
    padding: 20px 0px;
/* 	height:170px; */
/* 	display: flex; */
	justify-content: center;
    align-items: center;
}
.appsBanner p{
    font-size: 20px;
    line-height: 35px;
    font-weight: bold;
}
.createAppWrap{
    border-radius: 10px;
    border: 1px solid #eee;
    padding: 60px 80px;
    width: 400px;
    margin: auto;	
    text-align:left;
	
}
.createAppWrap p.top{    font-size: 16px;    font-weight: bold;}
.createAppWrap p.bottom{font-size:14px; color:#666;}
.apps .btn_goTo{margin-top:30px; }
/**apps end**/
		
/**myService**/	

.myService .contentBanner{    height: 225px;  background-image: url(../image/banner/myService.png);     background-attachment: fixed;     background-position: center;    background-position-y: 70px;}
.myService .contents {padding:0px; background: linear-gradient(90deg, #ffffff 50%, #f8f9fa 50%);    width: 100%;}
.myService .contents .leftSide{width:200px; float:left; background-color:#fff;padding-top:30px;border-right: 1px solid #eee;}
.myService .contents .rightSide{width:calc(100% - 220px); background: #f8f9fa;  padding-top:30px; padding-left:20px;}
.myService .leftSide ul {padding-right:10px;}
.myService .leftSide ul li{text-align:left; padding:10px 0px; line-height:25px;}
.myService .leftSide ul li:not(.title){color:#666}
.myService .leftSide ul li.title{
	font-size: 16px;
    font-weight: bold;
    padding: 10px 0px;
    border-bottom: 1px solid #eee;}	
.myService .leftSide ul li.sub{padding-top:10px; border-bottom: 1px solid #eee;} 
.myService .leftSide li.sub .title{font-size: 14px; color:#333; font-weight:bold;}
.myService .leftSide li.sub .active{color: var(--main);}
.myService .rightSide>div{
/* 	border: 1px solid #eee; */
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
	background-color:#fff;
/*     box-shadow: 0 0 5px rgba(0,0,0,0.2); */
}
.myService .rightSide table {width:100%; min-height:50px;}
.myService .rightSide .top table td{ padding: 0px 30px}
.myService .rightSide .top .circle{
	width: 100px;
    height: 100px;
/*     background: #eaedef; */
    border: 1px solid #ddd;
    margin: auto;
    border-radius: 50%;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.myService .rightSide .top p {padding:5px 0px;}
.myService .rightSide .top p * {display:inline-block;}
.myService .rightSide .top p a{
	background: #b2cfff;
    padding: 0px 5px;
    border-radius: 3px;
    min-width: 60px;
    color: var(--main);
    margin-left:5px;
    }
.myService .rightSide .top .su_bal span.title {text-align: left; font-size: 20px; margin-bottom:20px;}
.myService .rightSide .top .su_bal>a{
    display: inline-block;
    border: 1px solid #ddd;
    padding: 10px 23px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    color: var(--main);
    margin:0px 10px;
	
}
.myService .rightSide .top .su_bal a span{font-weight:bold;     text-decoration: underline; display:inline-block;}

.myService .rightSide .bottom td span.title {text-align: left; font-size: 16px; margin-bottom:20px;}
.myService .rightSide .bottom td.serviceInfo div{
	border: 1px solid #ddd;
    padding: 10px;
    border-radius: 10px;
    margin-bottom:5px;}
.myService a:hover{font-weight:bold}
/**myService end**/		

/**myProfile**/
.myProfile .rightSide>div {padding:0px; overflow:hidden}
.myProfile .companyBanner{    cursor: zoom-in;background-color:#ddd; height:200px; margin-bottom: 0px; position:relative; border-bottom:2px solid var(--main);background-size: cover;    background-repeat: no-repeat;    background-position: center;}
.myProfile .companyBadge_wrap{ position:relative; width:150px; height:150px; border-radius:50%; background-color:#fff;     top: -75px;    left: 50px; overflow:hidden;border:2px solid var(--main);background-size: contain;    background-repeat: no-repeat;    background-position: center;}
.myProfile .companyBadge{    cursor: zoom-in;position:relative; width:100%; height:100%; overflow:hidden;background-size: contain;    background-repeat: no-repeat;    background-position: center;}
.myProfile .top input[type=file]{width:100%;height:100%;position:absolute;opacity:0;top:0;left:0; cursor:pointer;}
.myProfile .top i{
    border: 1px solid var(--main);
    color: var(--main);
    background-color: #fff;
    padding: 11px 8px 11px 12px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    transition: all .5s;
    font-size: 20px;
    opacity:1;
    bottom:-100px;
}
.fa-edit:before {
    width: 100%;
    height: 100%;
    display: inline-block;
    line-height: 44px;
}
.myProfile .top .companyBanner_wrap i.active{opacity:1;bottom:10px;}
.myProfile .top .companyBadge_wrap i.active{opacity:1;bottom:20px;}
.myProfile .companyBadge>i{right: 20px;}

.myProfile .rightSide .top table{width:unset; margin:auto; }
.companyInfoTable_2 {margin-top:10px !important;} 
.companyInfoTable_2 tr:first-child {border-top:1px solid #ddd} 
.companyInfoTable_2 tr:first-child>*{padding-top:15px !important;} 
.myProfile .rightSide .bottom table.productImages{width:100%; margin:auto; height:150px;}
.myProfile .rightSide .bottom table.certificate th{padding: 10px 0px; background: #eee;}
.myProfile .rightSide .bottom table.certificate td{padding: 10px; border-bottom: 1px solid #eee;}
.myProfile .rightSide .top table th{text-align:left;padding-right:10px;padding-left:10px;     color: #666;
    font-weight: normal;}
.myProfile .rightSide .top table td {padding:5px 0px; text-align:left;}
.myProfile .rightSide .top table td input, .myProfile .rightSide .top table td textarea{
	width:100%;
	border: 1px solid #ddd;
    height: 30px;
    border-radius: 3px;
    text-indent:10px;
    padding:0px;
}
.myProfile .rightSide .top table td textarea{
	resize: vertical;
	min-height:70px;
	padding:5px;
	width:calc(100% - 10px);
}
.myProfile .rightSide .bottom {padding:50px;}
.myProfile .rightSide .bottom span.title{
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
	
}
.myProfile .insertImageWrap{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 2px dashed #ddd;
    position:relative;
	}
.myProfile .insertImageWrap i{
    position: absolute;
    font-size: 20px;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    color: #ddd;
	
}
.myProfile .rightSide .bottom .btn_goTo{font-size: 12px;    padding: 5px 10px;    border-radius: 5px;}
.company_intro textarea{width:100%; resize: vertical; border:1px solid #ddd;}
.certificate ul.certList li{
	width: calc(25% - 32px);
    float: left;
    border: 1px solid #ddd;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
    }
    
.certificate ul.certList li .cert_preView{    height: 250px; margin-bottom:5px; border:1px solid #eee;    background-position: center;    background-size: 80%; cursor:pointer;     background-repeat: no-repeat;}
/* .cert_preView.blur{ filter: blur(3px);} */
.certificate td input[type=text]{border:1px solid #ddd; width:calc(100% - 10px); height:30px; text-indent:5px;}
/**myProfile end**/
	
/**login**/	
.loginTable{
/* 	width:500px; */
/* 	height:500px; */
	margin:auto;
}
.loginTable td{text-align:center;}
.loginTable td img{height:30px; margin:0px 10px;}	
.loginWrap{
	max-width:400px;
	min-width:350px;
/* 	width:calc(100% - 20px); */
/* 	height:500px; */
	margin:auto;
	border-radius:10px;
	border:1px solid #ddd;
	background-color:#fff;
	padding:50px 50px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}	
.loginWrap .loginInfo input{
	width:100%;
    height: 40px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-indent:10px;
}
.loginWrap .loginInfo input::placeholder{color:#999;}
.loginWrap .btn_login{
		width:100%;
		display: inline-block;
	    padding: 10px 0px;
	    background: var(--main);
	    border-radius: 10px;
	    margin-top: 20px;
	    color: #fff;
	    font-weight: bold;
	    font-size: 14px;
	    border:1px solid var(--main);
	    cursor:pointer;
	}
	
.loginWrap .btn_login:hover{background: #fff; color: var(--main); }
.loginWrap p a:first-child{
    padding-right: 10px;
    margin-right:10px;
}

/**login end**/		

/** order_contract**/
.order_contract .rightSide span.title{color:var(--main);text-align:left; font-size:16px; margin-bottom:10px;}
.order_contract table.orders{
	
}
.order_contract table.orders td{padding: 0px 30px;}

.order_contract .reqCompany img{width: 100%;     background: #dddddd;    border-radius: 5px;}
.order_contract .reqCompany span{margin-top:10px;}
.order_contract .reqCompany{border-right:1px solid #eee;}
.order_contract .orderProductInfo{}
.order_contract .orderProductInfo .productName{    font-size: 13px;    font-weight: bold;}
.order_contract .orderProductInfo .productSub{color:#999; margin-top:10px;}
/* .order_contract .orderProductInfo .productCount{margin-top:5px} */
.order_contract .orderProductInfo .productCount b{color:var(--main);}
.order_contract .orderDateInfo .orderDate {}
.order_contract .orderDateInfo .orderExp{}
.order_contract .orderDateInfo font{    margin-left: 5px;    color: #999;}
table.orders td:not(last-child){border-right:1px solid #eee;}
.orderDetail .btn_goTo{font-size: 14px;    padding: 5px 20px;}
/** order_contract end**/	

/** order_purchase**/	
.order_purchase .reqCompany span{margin-top:0px;     word-break: keep-all;}	
.order_purchase .btnArea a{
	display: inline-block;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 3px;
    background: #eee;
    margin-right: 5px;
	
}
/** order_contract end**/	

/** myPartnerMgr **/
.myPartnerMgr .reqCompany span{margin-top:0px;}	
.myPartnerMgr .resDetail a.btn_goTo{
    padding: 5px 15px;
    font-size: 12px;
    border-radius: 5px;
    margin: 0px 5px;
}
.myPartnerMgr .resDetail a.btn_goTo.reject{
	background: #eee;
    color: #666;
    border: 1px solid #ddd;
}

.myPartnerMgr .reqDetail a.btn_goTo{
	font-size: 13px;
    padding: 10px 25px;
    color: red;
    border: 1px solid red;
    background: #fff;
	
}
.myPartnerMgr .reqDetail a.btn_goTo:hover{
	color: #fff;
	background: red;
}	
.myPartnerMgr .btnArea a{
	display: inline-block;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 3px;
    background: #eee;
    margin-right: 5px;
	
}	
/** myPartnerMgr end**/	
	
/** myPoint **/
.myPoint .pointWrap{    background: linear-gradient(90deg, #2a7dff 20%,var(--main) 50%, var(--main) 100%); }
.myPoint .pointWrap .point{color:#fff;font-size: 25px;    font-weight: bold; padding-top:30px;}
.myPoint .pointWrap .pointAll{
	
    margin-bottom: 30px;
    margin-top: 10px;
}
.myPoint .pointWrap .pointAll font{
	background: #003ca7;
	color:#fff;
    border-radius: 15px;
    padding: 5px 10px;
}
.myPoint .pointWrap a.btn_goTo{
    background: #003ca7;
    font-size: 14px;
    padding: 5px 20px;
}
.myPoint .rightSide>div.receipt{    border-radius: 0px;}
.myPoint .rightSide>div.receipt .dateArea{padding: 10px 0px 20px;    font-size: 14px;    font-weight: bold;}
.myPoint .rightSide>div.receipt a.btn_goTo{
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 15px;
    background: #fff;
    color: #ddd;
    border: 1px solid #ddd;
	
}
.myPoint .rightSide>div.receipt a.btn_goTo.active{
    background-color: var(--main);
    color: #fff;
    border: 1px solid var(--main);
}
.myPoint .rightSide>div.receipt a.btn_goTo.active:hover{
    color: #fff;
    font-weight:normal
}
.myPoint .rightSide>div.receipt a.btn_goTo:hover{
/*     background-color: var(--main); */
    color: var(--main);
    border: 1px solid var(--main);
}
.myPoint .rightSide>div.receipt div.receiptList{padding: 10px 0px; height:500px; overflow:auto}
.myPoint .rightSide>div.receipt div.receiptList div{margin-bottom:10px;padding:10px 0px;    border: 1px solid #ddd; border-radius: 5px;}
.myPoint .rightSide>div.receipt>div table{border-radius:10px;}
.myPoint .rightSide>div.receipt>div table td{vertical-align: top}
.myPoint .rightSide>div.receipt>div table td .info{}
.myPoint .rightSide>div.receipt>div table td .subInfo{color:#999; margin-top:5px;}
.myPoint .rightSide>div.receipt>div table td .subInfo font{margin-right:5px;}
.myPoint_modal{
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,0.5);
}
.myPoint_modal>div{
	padding:20px 20px;
	width: 400px;
/*     height: 600px; */
    background: #fff;
    margin: auto;
    margin-top: 100px;
    border-radius: 10px;
}
.myPoint_modal table{
	width:100%;
	
}
.myPoint_modal table td{padding:10px 0px;}
.myPoint_modal table td p.title{
    font-size: 20px;
    font-weight: bold;
    padding:10px 0px;
}
.myPoint_modal table td p.title i{
	float:right;
	cursor:pointer;
	
}

.myPoint_modal table td p.subTitle{
    font-size: 16px;
    font-weight: bold;
/*     padding:10px 0px; */
}

.myPoint_modal table td #pointValue{
	width: calc(100% - 30px);
    border: 0px;
    border-bottom: 1px solid #ddd;
    height: 30px;
    padding: 0px;
    padding-right:10px;

    font-size: 18px;
    font-weight: bold;
    text-align: right;
}
.myPoint_modal table td #pointValue::placeholder{font-size:14px; font-weight:normal}
.myPoint_modal table td .won{font-size:16px; font-weight:bold}
.myPoint_modal table td p.pointAutoSelect{margin-top:10px;text-align:right;}
.myPoint_modal table td p.pointAutoSelect a.btn_goTo{
	width: 50px;
    display: inline-block;
    border: 1px solid #ddd;
    text-align: center;
    padding: 2px 5px;
    border-radius: 15px;
	margin-left:5px;
}
.myPoint_modal table td .btn_goTo.charge{
    background: #ddd;
    border-radius: 10px;
    color: #999;
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    display: block;
    padding: 10px 0px;
	
}
.myPoint_modal table td .chargeType .btn_goTo{
	    display: block;
    margin-top: 5px;
	
}
.myPoint_modal table td .btn_goTo.charge.active{
	background: var(--main);
    color: #fff;
}
.myPoint_modal table td .btn_goTo.charge.active:hover{
	background: #fff;
    color: var(--main);
}
/** myPoint end**/	
	
	
/** join **/

.joinTable{
/* 	width:500px; */
/* 	height:500px; */
	margin:auto;
}
.joinTable td{text-align:center;}
.joinTable td img{height:30px; margin:0px 10px;}	
.joinWrap{
	width:100%;
	max-width:450px;
/* 	height:500px; */
	margin:auto;
	border-radius:10px;
	border:1px solid #ddd;
	background-color:#fff;
	padding:50px 50px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}	
.joinWrap input[type=text],.joinWrap input[type=password]{
	width:100%;
    height: 40px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-indent:10px;
    padding:0px;
}
.joinWrap input::placeholder{color:#999;}
.joinWrap .btn_join{
		width:100%;
		display: inline-block;
	    padding: 10px 0px;
	    background: var(--main);
	    border-radius: 10px;
	    margin-top: 20px;
	    color: #fff;
	    font-weight: bold;
	    font-size: 14px;
	    border:1px solid var(--main);
	    cursor:pointer;
	}
.joinWrap .btn_join.disabled{
	    color: #666 !important;
	    background-color:#ddd !important;
	    cursor:default;
	    border:1px solid #ddd;
	    pointer-events : none;
	}
.joinWrap .btn_join:hover{background: #fff; color: var(--main); }
/* .joinWrap p a:first-child{ */
/*     padding-right: 10px; */
/*     margin-right:10px; */
/* } */
.joinWrap .subTitle{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	margin-bottom:10px;
}
.joinWrap .subInfo{text-align:left;}
.accountInfoTitle{
	text-align: left;
    color: #999;
    margin-bottom: 5px;
    font-size: 12px;	
	clear:both;
}
.pwdNotice{
	text-align:left;
	color:#999;
	
}
.joinWrap select{
	width: 100%;
    border: 1px solid #ddd;
    height: 40px;
    border-radius: 5px;
    padding-left: 5px;
    color: #333;
    margin-bottom:20px;
}
.joinWrap .notice p{margin-bottom:5px; padding:5px 0px;}
.joinWrap .notice p:nth-child(even){background-color:#f9f9f9;}
.joinWrap .notice p input[type=checkbox]{vertical-align: -2px; margin-right:5px; cursor:pointer;}
.joinWrap .notice p a{float:right;}
.joinWrap .empty{border:1px solid red !important;}
.joinWrap .duplicate_check{
    float: right;
    margin: 0px 0px 0px;
    border: 1px solid #ddd;
    padding: 2px 5px;
    margin-top: -5px;
}
.joinWrap .idCheckMessage{float:right; color:var(--main);}
.joinWrap .idCheckMessage.warning{color:var(--warn)}
.joinWrap .notice label{padding-right:5px;}
.passwordInfo.notMatch:after{
	content:"비밀번호가 일치하지 않습니다.";
	float:right;
	color:var(--warn);
	margin-top:5px;
	
}
/** join end **/	
	
	
/**partnersProfile**/
.partnersProfile .contents{background:#f8f9fa !important; }	
	
	

@media screen and (max-width: 1200px) {
	html, body{height:unset !important;}
	body{padding:0px 10px;}
    .linkBtnGroup {
        width:100% !important;
        display:flex;
    }
    .linkBtnGroup li{width:100% !important;}
    .tabs, .tabsWrapper{width:100% !important;}
    section.footer table{width:100%;}
    .tab_03 ul li{width:100%;}
    
    .priceInfomation{width:100%;}
}