/* basic */
.inner {width:1200px; margin:0 auto;}
.subInner {width:1200px; background:#fff; margin:100px auto 50px; padding:50px 60px; border-radius:10px; overflow:hidden;}
.subOver {width:1200px; margin:20px auto 50px; overflow:hidden; z-index:-1;}
.wi520 {width:520px; background:#fff; margin:30px auto 150px; padding:50px 60px; border-radius:10px; overflow:hidden;}
.wiLeft {float:left; width:48%;}
.wiRight {float:right; width:48%;}
.wi100 {width:100%; border-top:1px solid rgba(0,0,0,.1); overflow:hidden;}
.grayBg {width:100%; background:#f8f9fa;}
.overH {overflow:hidden;}
.whiteBg {width:100%; background:#fff;}
.textCenter {margin-bottom:20px; text-align:center; }
.grayText {background:#f8f9fa; margin:0 auto 20px; padding:10px 20px; text-align:center; font-size:13px; border-radius:50px;}
.btnWrap {padding:50px 0; text-align:center;}
.bOk {width:100px; height:40px; background:#fcb517; line-height:40px; font-weight:600; cursor:pointer; border-radius:3px; display:inline-block;}
.bCa {width:100px; height:40px; background:#dce0e3; line-height:40px; font-weight:600; cursor:pointer; border-radius:3px; display:inline-block;}

.btnDG {background:#1c2028; padding:7px 15px; color:#fff !important; border-radius:3px; display:inline-block;}
.btnOR {background:#fcb517; padding:15px 55px; color:#000 !important; font-size:16px; font-weight:500; border-radius:3px; display:inline-block;}
.btnLine {background:transparent; margin:0 0 0 5px; padding:6px 7px; font-size:12px; line-height:1.4; border:1px solid rgba(0,0,0,.2); border-radius:3px; display:inline-block;}

.bigTit {font-size:45px; font-weight:600;}
.midTit {font-size:16px; font-weight:500; color:#93989e;}
.title {padding:0 0 20px 0; font-size:28px; font-weight:600; text-align:center;}
.posiR1 {position:relative;}
.btnS {position:absolute; right:0; height:35px; background:#dce0e3; padding:0 15px; color:#1c2028; font-size:12px; line-height:35px; border-radius:3px; cursor:pointer;}
.btnS:hover {background:#1c2028; color:#fff;}
input::placeholder {color:rgba(0,0,0,.3);}
.caption {font-size:13px; color:#eb4c4c;}
.active {color:#13947a; font-weight:600; text-decoration:underline;}
.bold {font-weight:600 !important;}
.phone {display:flex;}

@media all and (max-width:1300px) {
	.inner {width:95%;}
	.subInner {width:95%;}
	.subOver {width:95%;}
	
	.bigTit {font-size:40px;}
	.midTit {font-size:14px;}
}

@media all and (max-width:930px) {
	.btnOR {padding:12px 35px; font-size:14px;}
	.subInner {padding:30px;}
	.wi520 {margin:100px auto 50px;}
	.subOver {/* margin:100px auto 50px; */}
	
	.bigTit {font-size:35px;}
	.midTit {font-size:13px;}
}

@media all and (max-width:860px) {
	.wiLeft {float:none; width:100%;}
	.wiRight {float:none; width:100%;}
}

@media all and (max-width:620px) {
	.wi520 {margin:80px auto 50px;}
	.subOver /* {margin:80px auto 50px; */}
	
	.bigTit {font-size:30px;}
	.midTit {font-size:13px;}
}

@media all and (max-width:540px) {
	.wi520 {width:95%; margin:100px auto 30px; padding:30px 20px;}
	.grayText {padding:7px 10px; font-size:11px;}
	.title {font-size:22px;}
	.subInner {padding:20px;}
	.wi520 {margin:70px auto 50px;}
	.subOver {/* margin:70px auto 50px; */}
	.btnOR {padding:7px 25px; font-size:13px;}
	
	.bigTit {font-size:25px;}
	.midTit {font-size:13px;}
}

/* 서브 */
.subLeft {position:fixed; top:187px; left:50%; width:180px; transform:translateX(-332%); background:#fff; padding:20px; border-radius:7px; z-index:5;}
.subLeft .sTop {padding-bottom:10px; font-weight:600; font-size:18px; border-bottom:1px solid rgba(0,0,0,.25);}
.subLeft ul li {position:relative; padding:10px 2px; border-bottom:1px solid rgba(0,0,0,.07);}
.subLeft ul li::after {
	content: '';
    position: absolute;
    right: 2%;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -5px;
    border: 2px solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.subLeft .btnMo {display:none; float:right; width:70px; height:30px; background:url(/image/arrow_down.png) no-repeat 85% center;}

.subCenter {float:right; width:calc(100% - 205px); background:#fff; min-height:600px; padding:40px; border-radius:7px; overflow:hidden;}
.subCenter .subTit {padding-bottom:10px; font-weight:600; font-size:25px; border-bottom:1px solid rgba(0,0,0,.25);}
.subCenter .tit {background:url(/image/pat.png) repeat-x left bottom; margin:0 0 20px 0; padding:0 0 15px 0; color:; font-size:28px; font-weight:500; letter-spacing:-1px; line-height:1;}
.subCenter .tit.none {background:none; margin:0;}
.subCenter .tit .ssTit {font-size:17px; letter-spacing:0;}

.subCenter .myPoint {padding:45px 25px; overflow:hidden;}
.subCenter .myPoint .left {float:left; width:45%;}
.subCenter .myPoint .right {float:right; width:55%; padding:20px 0 0 0; text-align:right;}
.subCenter .name {font-size:13px;}
.subCenter .number {font-size:26px; font-weight:600;}
.subCenter .small {font-size:15px; font-weight:400;}
.subCenter strong {font-size:17px;}

@media screen and (max-width: 1300px) {
	.subLeft {display:none;}
	.subLeft.left_office {width:95%; transform:translateX(-50%); background:#fff; padding:15px; border-radius:7px; display:block; }
	.subLeft.left_office .moSub {display:none;}
	.subLeft .sTop {font-size:14px;}
	.subLeft .btnMo {display:block;}
	.subCenter {float:none; width:100%; margin:70px auto 0;}
}

@media screen and (max-width: 960px) {
	.subLeft.left_office {top:165px;}
}

@media screen and (max-width: 800px) {
	.subCenter .myPoint {padding:35px 0;}
	.subCenter .myPoint .left {float:none; width:100%;}
	.subCenter .myPoint .right {float:none; width:100%; text-align:left;}
}

@media screen and (max-width: 620px) {
	.subLeft.left_office {top:130px;}
	.subCenter {padding:15px;}
}

@media screen and (max-width: 560px) {
	.subLeft.left_office {top:165px;}
}

@media screen and (max-width: 520px) {
	.subCenter .number {font-size:24px;}
	.subCenter strong {font-size:14px;}
}


.subTab {width:100%; }
.subTab ul {border-bottom:0px solid rgba(0,0,0,.1); overflow:hidden;}
.subTab ul li {float:left; background:#f6f7f8; margin:0 5px 5px 0; padding:10px 30px; color:#93989e; font-weight:600; border-radius:50px; display:inline-block;}
.subTab ul li.on {background:#1c2028; color:#fff; font-weight:600; }

/*
.nSearch {background:#f8f8f8; margin:15px 0 10px 0; padding:20px; font-size:14px; display:flex;	align-items:center; border-radius:5px; flex-wrap:wrap; overflow:hidden;}
.nSearch input {width:70px; height:33px; font-size:12px;}
.nSearch .intxt01 {height:28px; background:#fff; border:1px solid rgba(0,0,0,.1); vertical-align:middle;}
.nSearch .nLeft {width:65%;}
.nSearch .nRight {width:35%; text-align:right;}

@media screen and (max-width: 440px) {
	.nSearch .nLeft {width:100%;}
	.nSearch .nRight {width:100%; padding-top:7px; text-align:left;}
}
*/

/* 회원가입 로그인 */
.th {padding:25px 0 0 0; font-size:14px; font-weight:500;}
.td {width:100%;}
.td input {width:100%; height:40px; background:rgba(28,32,40,.02); border-bottom:1px solid #dadde1; border-top:0; border-left:0; border-right:0;}
input.trans {background:none !important;}
.td select {width:100%; height:40px; background:rgba(28,32,40,.02); border-bottom:1px solid #dadde1; border-top:0; border-left:0; border-right:0;}
.td:hover input {border-bottom:2px solid #1c2028; transition:all .5s;}
.td.basic {height:40px; background:rgba(28,32,40,.05); line-height:40px; border-bottom:1px solid #dadde1;}
.btnJoin {width:100%; height:55px; background:#1c2028; margin:30px 0 0 0; color:#fff; font-size:17px; font-weight:600; line-height:55px; text-align:center; border-radius:4px; cursor:pointer;}
.btnJoin:hover {background:#fcb517; color:#000; font-weight:600;}
.sLink {width:80%; margin:20px auto 0;}
.sLink p {float:left; padding:0 20px; font-size:13px; text-align:center;}
.sLink p:nth-child(2) {border-left:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1);}

.allCheck {padding:10px 0; margin:0 0 10px 0; font-size:16px; font-weight:500; border-bottom:1px solid rgba(0,0,0,.1);}
input.check {height:auto; vertical-align:middle;}
.yakLine {padding:7px 0;}
.yakLine .more {float:right; color:rgba(0,0,0,.5); font-weight:500; text-decoration:underline; cursor:pointer;}

.dd-select {height:40px; background:url(/image/icon_down.png) no-repeat right center; border-bottom:1px solid #dadde1 !important;}

@media all and (max-width:930px) {
	.th {padding:20px 0 0 0; font-size:13px;}
	.td input {height:35px;} 
	.btnJoin {height:50px; font-size:14px; line-height:50px;}
	.sLink {width:90%;}
}

@media all and (max-width:400px) {
	.sLink p {padding:0 10px; font-size:12px;}
}



/* LISTBOX */
	.listBox:first-child {
		margin: 30px 0 15px 0;
	}
	.listBox {
		position: relative;
		width: 100%;
		border-bottom: 2px solid rgba(0,0,0,.1);
		margin: 0 0 20px 0;
		padding: 20px 0 30px 0;
		overflow:hidden;
	}
	.listBox:hover {
		border-bottom: 2px solid #1c2028;
		box-shadow: 0 11px 18px rgba(0, 0, 0, 0.03);
	}
	.listBox ul {
		float: left;
	}
	.listBox ul.right {
		float: right;
		text-align: right;
	}
	.listBox ul li.date {
		float: left;
		padding: 17px 20px 0 0;
		font-size: 14px;
		letter-spacing:0;
	}
	.listBox ul li.name {
		float: left;
		padding: 11px 0 0 0;
		font-size: 18px;
		font-weight: 500;
	}
	.listBox ul li .tit1 {
		font-size: 14px;
		padding: 0;
	}
	.listBox ul li .number {
		font-size: 20px;
		font-weight: 600;
	}

	.listBox ul li .small {font-size:15px;}

	.listBox .bottom {
		margin: 15px 0 0 0;
		background: rgba(0, 0, 0, 0.05);
		font-size: 13px;
		padding: 8px 30px;
		letter-spacing:0;
	}

	@media screen and (max-width:520px) {
		.listBox ul li.date {float:none; padding:0; font-size:12px; letter-spacing:0;}
		.listBox ul li.name {float:none; padding:7px 0 0 0; font-size:15px;}
	}

/* LISTBOX end */


/* ORDER */
	.orderWrap {
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		/* justify-content: space-between; */
		justify-content:start;
		gap:1%;
	}
	.orderBox {
		position: relative;
		width: 32.5%;
		margin: 1% 0 0 0;
		padding: 40px 15px 15px;
		font-weight: 400;
		border: 1px solid #ccc;
		display: flex;
		border-radius:10px;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.box03 {width:32%; padding:40px 15px 15px;}
	
	.orderBox .oLeft {width:45%;}
	.orderBox .oRight {width:55%; text-align: right;}
	.orderBox .oBtnL {
		float: right;
		margin: 18px 0 0 0;
	}
	.orderBox .oBtnWrap {
		position: absolute;
		top: 0;
		right: 0;
		width: 65px;
	}
	.orderBox .o100 {
		position: relative;
		clear: both;
		float: none;
		width: 100%;
		height: 27px;
		line-height: 27px;
		margin: 20px 0 0 0;
		background: rgba(0, 0, 0, 0.06);
		padding: 0 0 0 12px;
		font-size: 12px;
		font-weight: 400;
		color: #000;
		letter-spacing: 0;
		overflow: hidden;
	}

	.orderBox .o100.hash {margin:10px 0 0 0;}

	.orderBox .o100 input {
		width: calc(100% - 70px);
		height: 27px;
		line-height: 27px;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
		background: none;
		padding: 0;
		border: 0;
		outline: 0;
	}
	.orderBox .o100 .o100Btn {
		position: absolute;
		bottom: 0;
		right: 0;
		float: right;
		height: 27px;
		line-height: 27px;
		background: #242848;
		color: #fff;
		padding: 0 8px;
		font-size: 10px;
	}
	.orderBox .date {
		width:100%;
		font-size: 13px;
		color: rgba(0, 0, 0, 0.7);
		letter-spacing: 0;
		padding: 0 0 10px 0;
	}
	.orderBox .name {
		font-size: 17px;
		color: #000;
		font-weight: 500;
		letter-spacing:-0.9px;
	}
	.orderBox .nameS {
		font-size: 18px;
		font-weight: 500;
	}
	.orderBox .name em {
		font-size: 17px;
	}
	.orderBox .small {
		font-size: 70%;
	}
	.orderBox .nameR {
		font-size: 14px;
		color: #000;
	}
	.orderBox .num {
		font-size: 20px;
		color: #000;
		font-weight: 600;
	}
	.orderBox .numR {
		font-size: 20px;
		color: #e6334a;
		font-weight: 600;
	}
	.orderBox .oBtn {
		width: 100%;
		height: auto;
		background: transparent; /*  margin:2px 0; */
		text-align: center;
		font-size: 10px;
		padding: 3px 7px;
		color: #000;
		font-weight: 400;
		border: 1px solid rgba(0, 0, 0, 0.4);
	}
	.orderBox .oBtn:hover {
		background: #e6334a;
		border: 1px solid #e6334a;
		color: #fff;
	}
	.orderBox .status {
		position: absolute;
		top: 0;
		left: 0;
		/* background: rgba(0, 0, 0, 0.6); */
		padding: 3px 8px;
		color: #fff;
		font-size: 11px;
		font-weight: 400;
		display: inline-block;
		border-radius:10px 0 0 0;
	}
	
	.box03 .status {background:#fff; padding:0 7px;}
	.box03 .status input {height:30px;}
	
	.orderBox .status strong {
		color: #22d4de;
		font-weight: 500;
	}
	.orderBox .oRed {
		color: #cc3a3a;
		border: 1px solid #cc3a3a;
	}
	.orderBox .rBtn {
		position: absolute;
		top: 0;
		right: 0;
		height: auto;
		background: rgba(0, 0, 0, 0.03);
		padding: 3px 10px;
		color: #000;
		font-size: 10px;
		font-weight: 500;
		display: inline-block;
	}
	.orderBox .oRed:hover {
		background: #cc3a3a;
		border: 1px solid #cc3a3a;
	}
	
	.orderBox .pic {width:100%;}
	.orderBox img {width:100%; margin-top:10px; border:1px solid rgba(0,0,0,.07); border-radius:5px;}
	
	.orderBox .qrcode {
		position: absolute;
		top: 0;
		right: 0;
		background:#e6334a;
		padding: 3px 8px;
		color: #fff;
		font-size: 11px;
		font-weight: 600;
		display: inline-block;
		cursor:pointer;
	}

@media all and (max-width:1100px) {
	.box03 {width:49%;}
}
	
@media all and (max-width: 700px) {
	.orderBox {width:100%;}
	
}

/* ORDER end*/


.bankWrap {width:530px; background:#fff; margin:50px auto; padding:20px; border:1px solid rgba(0,0,0,.1); border-radius:10px; overflow:hidden;}
.bankWrap .pic {margin-bottom:20px;}
.bankWrap .pic img {width:100%; border-radius:5px;}
.bankWrap .th {padding:0; }
.bankWrap .td {margin:0 0 15px 0; line-height:40px; }
.bankWrap .secWrap {overflow:hidden;}
.bankWrap .sec {float:left; width:20%; height:40px; line-height:40px; text-align:center; border:1px solid rgba(0,0,0,.3);}
.bankWrap .sec:nth-child(1) {border-radius:5px 0 0 5px;}
.bankWrap .sec:nth-child(5) {border-radius:0 5px 5px 0;}


@media screen and (max-width:540px) {
	.bankWrap {width:100%;}
	.bankWrap .td {font-size:13px;}
}

@media screen and (max-width:420px) {
	.bankWrap {padding:10px;}
	.bankWrap .td {font-size:11px;}
	.bankWrap .sec {font-size:11px;}
}

#prodList {width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.purWrap {width:100%; margin:0 auto; padding:0 0 0 0; display:flex; }
.purBox {width:30%; margin:3% 1.66%; background:; padding:12px; text-align:center; border:1px solid rgba(0,0,0,.1); border-radius:7px;}
.purBox .pTop {width:100%; border-radius:5px;}
.purBox .pTop img {width:100%; height:auto; border-radius:5px;}
.purBox .name {padding:10px 5px; font-size:17px; font-weight:500;}
.purBox .small {margin-left:5px; font-size:14px; font-weight:500; vertical-align:middle;}
.purBox .price {padding:5px 0 3px 0; font-size:20px; font-weight:600; display:block;}
.purBox .pv {font-size:16px; font-weight:600; }
.purBox .pdt5 {margin:7px 0 0 0; padding:7px 0;border-top:1px dashed rgba(0,0,0,.1);}
.purBox .pdt4 {padding:4px 0;}
.purBox .sur {font-size:13px;}
.purBox .sur input {width:60px; height:25px; padding-left:5px; border:1px solid rgba(0,0,0,.07);}
.purBox .pMid {padding:10px 0; text-align:center; font-size:17px; font-weight:600; color:#d7a350; letter-spacing:0; line-height:1.3;}
.purBox .pMid input {width:60%; height:38px; background:rgba(255,255,255,.15); margin:7px 0 0 0; border-radius:5px; border:1px solid rgba(255,255,255,.2); font-size:14px; text-align:center; color:#edb152; letter-spacing:0;}
.purBox .pBtn {width:100%; height:45px; background:rgba(0,0,0,.05); background-size:100%; margin-top:10px; text-align:center; font-size:15px; font-weight:600; line-height:50px; overflow:hidden; border-radius:5px; cursor:pointer;}
.purBox .pBtn:hover {background:url(/image/pur03.png) no-repeat center top; background-size:115%;}
.purBox:hover {box-shadow:0 15px 20px rgba(0,0,0,.2);}

.purBoxRe {width:40%; margin:3% auto; padding:12px; text-align:center; border:1px solid rgba(0,0,0,.1); border-radius:7px;}
.purBoxRe .pTop {width:100%; border-radius:5px;}
.purBoxRe .pTop img {width:100%; height:auto; border-radius:5px;}
.purBoxRe .name {padding:10px 5px; font-size:20px; }
.purBoxRe .small {margin-left:5px; font-size:15px; vertical-align:middle;}
.purBoxRe .price {padding:5px 0 3px 0; font-size:22px;  display:block;}
.purBoxRe .pv {font-size:17px; font-family:"Metropolis-regular";}
.purBoxRe .pdt5 {margin:7px 0 0 0; padding:7px 0;border-top:1px dashed rgba(0,0,0,.1);}
.purBoxRe .pdt4 {padding:4px 0;}
.purBoxRe .sur {font-size:13px;}
.purBoxRe .sur input {width:60px; height:25px; padding-left:5px; border:1px solid rgba(0,0,0,.07);}
.purBoxRe .pBtn {width:100%; height:45px; background:rgba(0,0,0,.05); background-size:100%; margin-top:10px; text-align:center; font-size:15px; font-weight:600; line-height:50px; overflow:hidden; border-radius:5px; cursor:pointer;}
.purBoxRe .pBtn:hover {background:url(/image/pur03.png) no-repeat center top; background-size:115%;}
.purBoxRe:hover {box-shadow:0 15px 20px rgba(0,0,0,.2);}

.purBoxH {width:364px; height:322px; background:url(/image/pur_bg.png) no-repeat center top; background-size:100%; text-align:center; padding:50px 0; color:#f4a028;}
.purBoxH .name {padding:8px 0 20px 0; font-size:16px; }
.purBoxH .price {font-size:34px; }
.purBoxH .hu {padding:13px 0 5px 0; font-size:15px;}
.purBoxH .hu strong {font-size:20px;}
.purBoxH .eth {font-size:13px;}
.purBoxH .eth strong {font-size:15px;}
.purBoxH .pBtn {width:40%; background:#f4a028; margin:20px auto 0; padding:11px 0; color:#00203f; font-weight:500; border-radius:50px; display:inline-block;}


@media all and (max-width: 1200px) {
	.purWrap {width:100%;}
	.purBox {width:45%; margin:3% 2.5%;}
} 

@media all and (max-width: 1000px) {
	.purBox {width:30%; margin:3% 1.66%;}
	.purBox .name {font-size:15px;}
	.purBox .price {font-size:18px;}
	.purBox .pv {font-size:14px;}
	.purBox .pBtn {height:40px; font-weight:500; font-size:13px; line-height:40px;}
}



@media all and (max-width: 740px) {
	.purBox {width:48%; margin:3% 1%;}
	.purBoxRe {width:60%;}
}


@media all and (max-width: 460px) {
	.purBox {padding:0; border-radius:5px; overflow:hidden;}
	.purBox .pTop img {border-radius:0;}
	.purBox .name {font-size:14px;}
	.purBox .price {font-size:16px;}
	.purBox .pv {font-size:12px;}
	.purBox .pBtn {border-radius:0;}

	.purBoxRe {width:80%;}
} 

.nTotal {margin:0 0 15px 0; border:1px solid rgba(0,0,0,.1); padding:15px 20px; text-align: right; border-radius:5px; letter-spacing:0; overflow:hidden;}
.nTotal .strong {font-weight:600; letter-spacing:0;}

.nTotal ul {float:left; width:25%; }
.nTotal ul li {text-align:center;}
.nTotal ul:nth-child(1), .nTotal ul:nth-child(2), .nTotal ul:nth-child(3) {border-right:1px dashed rgba(0,0,0,.1);}


/* 서브페이지 설명 */
.titBox {width:100%; padding:10px 2% 20px 2%; line-height:1.4; border-bottom:1px dashed rgba(0,0,0,.1); overflow:hidden;}
.titBox .pic {float:left; width:65px; padding:0 20px 0 0;}
.titBox .pic img {}
.titBox .cont {float:left; width:calc(100% - 65px); word-break:break-all;}
.titBox .fontY {color:#0ea272; font-weight:500;}

@media all and (max-width: 740px) {
	.titBox .pic {display:none;}
	.titBox .cont {float:none; width:100%;}
}

/* ORDER */
	.orderWrap {
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.orderBox {
		position: relative;
		width: 49.5%;
		margin: 1% 0 0 0;
		padding: 40px 30px 30px;
		font-weight: 400;
		border: 1px solid #ccc;
		display: flex;
		border-radius:5px;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.orderBox .oLeft {width: 57%;}
	.orderBox .oRight {width: 43%; text-align: right;}
	.orderBox .oBtnL {
		float: right;
		margin: 18px 0 0 0;
	}
	.orderBox .oBtnWrap {
		position: absolute;
		top: 0;
		right: 0;
		width: 65px;
	}
	.orderBox .o100 {
		position: relative;
		clear: both;
		float: none;
		width: 100%;
		height: 27px;
		line-height: 27px;
		margin: 20px 0 0 0;
		background: rgba(0, 0, 0, 0.06);
		padding: 0 0 0 12px;
		font-size: 12px;
		font-weight: 400;
		color: #000;
		letter-spacing: 0;
		overflow: hidden;
	}

	.orderBox .o100.hash {margin:10px 0 0 0;}

	.orderBox .o100 input {
		width: calc(100% - 70px);
		height: 27px;
		line-height: 27px;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
		background: none;
		padding: 0;
		border: 0;
		outline: 0;
	}
	.orderBox .o100 .o100Btn {
		position: absolute;
		bottom: 0;
		right: 0;
		float: right;
		height: 27px;
		line-height: 27px;
		background: #242848;
		color: #fff;
		padding: 0 8px;
		font-size: 10px;
	}
	.orderBox .date {
		font-size: 13px;
		color: rgba(0, 0, 0, 0.7);
		letter-spacing: 0;
		padding: 0 0 5px 0;
	}
	.orderBox .name {
		font-size: 20px;
		color: #000;
		font-weight: 500;
	}
	.orderBox .nameS {
		font-size: 14px;
		color: rgba(0,0,0,.7);
		letter-spacing:0;
	}
	.orderBox .name em {
		font-size: 17px;
	}
	.orderBox .small {
		font-size: 60%;
	}
	.orderBox .nameR {
		font-size: 14px;
		color: #000;
	}
	.orderBox .numR {
		font-size: 22px;
		color: #2cb46d;
		font-weight: 600;
	}
	.orderBox .oBtn {
		width: 100%;
		height: auto;
		background: transparent; /*  margin:2px 0; */
		text-align: center;
		font-size: 10px;
		padding: 3px 7px;
		color: #000;
		font-weight: 400;
		border: 1px solid rgba(0, 0, 0, 0.4);
	}
	.orderBox .oBtn:hover {
		background: #2cb46d;
		border: 1px solid #2cb46d;
		color: #fff;
	}
	.orderBox .status {
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.6);
		padding: 3px 8px;
		color: #fff;
		font-size: 11px;
		font-weight: 400;
		display: inline-block;
	}
	.orderBox .status strong {
		color: #22d4de;
		font-weight: 500;
	}
	.orderBox .oRed {
		color: #cc3a3a;
		border: 1px solid #cc3a3a;
	}
	.orderBox .rBtn {
		position: absolute;
		top: 0;
		right: 0;
		height: auto;
		background: rgba(0, 0, 0, 0.03);
		padding: 3px 10px;
		color: #000;
		font-size: 10px;
		font-weight: 500;
		display: inline-block;
	}
	.orderBox .oRed:hover {
		background: #cc3a3a;
		border: 1px solid #cc3a3a;
	}

@media all and (max-width: 700px) {
	.orderBox {width:100%;}
}

/* ORDER end*/


/* bLIST */
	.bDate {
		margin-top:20px; font-weight:600; font-size:15px;
	}
	.bList2Top {
		border: 3px solid #2cb46d;
	}
	.bList2 {
		position: relative;
		background: #fff;
		padding: 0 0 0 0;
		text-align: right;
		overflow: hidden;
		border: 2px solid #2cb46d;
	}
	.bList2 ul:first-child {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border-top: 1px solid rgba(0, 0, 0, 0.2);
		border-left: 1px solid rgba(0, 0, 0, 0.2);
	}
	.bList2 ul li {
		/* float:left; */
		width: 16%;
		/* height: 100%; */
		padding: 15px 20px 15px 0;
		border-right: 1px solid rgba(0, 0, 0, 0.2);
		border-bottom:1px solid rgba(0,0,0,.2);
		line-height: 1.1;
	}
	.bList2 ul li:last-child {
		/* width:66.6%; */
	}
	.bList2 ul li.w02 {
		padding: 15px 30px 15px 0;
		
	}
	.bList2 ul li.w01 {
		padding: 15px 30px;
	}
	.bList2 ul li.total {
		background: rgba(96, 68, 215, 0.5);

	}
	.bList2sec3 ul li {
		width: 33.3%;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}
	.bList2sec4 ul li {
		width: 33.3%;
	}
	.bList2sec5 ul li {
		width: 20%;
	}
	.bList2sec6 ul li {
		width: 16.6%;
	}
	.bList2sec8 ul li {
		width: 25%;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}
	.bList2 .w300 {width:75%; border-bottom:1px solid rgba(0, 0, 0, 0.2) !important; border-right:1px solid rgba(0, 0, 0, 0.2) !important;}

	.bList2 .small {
		font-size: 13px;
		font-weight:500;
	}
	.bList2 .mid {
		font-size: 14px;
		padding: 5px 0 0 0;
	}
	.bList2 .big {
		font-size: 20px;
		font-weight: 600;
		
	}
	.bList2 .big1 {
		font-size: 20px;
	}
	.bList2 .bottom {
		/* width:66.66%; */
		margin: 0;
		bottom: 0;
		left: 0;
		font-size: 15px;
		padding: 14px 20px;
		text-align: right;
		border-right:1px solid rgba(0,0,0,.2);
		/* border: none; */
	}
	.bList2 .bottom .big {
		font-size: 22px;
		color: #2cb46d;
	}

	@media all and (max-width: 470px) {
		.bList2sec4 ul li {width:50%;}
		.bList2sec4 ul li:last-child {width:50%;}
	}
/* bList end */


.ppBox {width:100%; background:#fff; padding:40px; border:5px solid rgba(0,0,0,.05); border-radius:7px; overflow:hidden;}
.ppBox ul {float:left; width:33.3%;}
.ppBox ul li {float:left;}
.ppBox img {width:50px; height:auto; margin:0 15px 0 0;}
.ppBox .small {font-size:14px; padding:7px 0 0 0;}
.ppBox .big {font-size:19px; font-weight:600; letter-spacing:0.8px;}

@media all and (max-width: 1000px){
	.ppBox img {width:45px; margin:0 10px 0 0;}
	.ppBox .small {font-size:13px; padding:7px 0 0 0;}
	.ppBox .big {font-size:17px; }
}

@media all and (max-width: 800px){
	.ppBox {padding:30px 25px;}
}

@media all and (max-width: 720px){
	.ppBox {padding:25px 2%;}
	.ppBox ul .img {float:none; width:100%; }
	.ppBox img {margin:0;}
	.ppBox ul li {text-align:center; width:100%;}
}

@media all and (max-width: 500px){
	.ppBox {padding:15px 8%;}
	.ppBox ul {float:none; width:100%; padding:7px 0; overflow:hidden;}
	.ppBox ul li {float:left; width:auto; text-align:left; }
	.ppBox ul .img {float:left; width:auto; }
	.ppBox img {width:45px; height:auto; margin:0 15px 0 0;}
	.ppBox .small {font-size:13px; padding:5px 0 0 0;}
	.ppBox .big {font-size:18px; font-weight:600; letter-spacing:0.8px;}
}

.popBack {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList {position:absolute; top:50%; left:50%; width:350px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList .close {position:absolute; top:15px; right:15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList .title {background:#41518f; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList .pList {background:#fff; height:330px; padding:25px; font-size:13px; }
.popList .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList .pList .selOK {height:30px; padding:0 15px; background:#41518f; color:#fff; border:0;}
.popList .pList .tableList {height:180px; margin-top:15px; overflow-y:auto; }
.popList .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList .pList ul li {padding:8px; text-align:center; }
.popList .pList ul li:nth-child(1) {width:10%;}
.popList .pList ul li:nth-child(2) {width:30%;}
.popList .pList ul li:nth-child(3) {width:25%;}
.popList .pList ul li:nth-child(4) {width:35%;}
.popList .pList .th {background:rgba(0,0,0,.02); padding:0; border-top:1px solid #41518f; border-bottom:1px solid rgba(0,0,0,.1);}
.popList .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList .pList input {height:auto;}
.popList .btnWrap {clear:both; width:100%; margin-top:25px; padding:0; text-align:center; }
.popList .btnWrap .bOk {background:#41518f; /* padding:7px 35px; */ color:#fff; border-radius:3px; display:inline-block;}
.popList .btnWrap .bCa {background:#eee; /* padding:7px 35px; */ border-radius:3px; display:inline-block;}

@media all and (max-width: 360px) {
	.popList {width:95%;}
}

.popBack1 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList1 {position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList1 .close {position:absolute; top:15px; right:15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList1 .title {background:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList1 .pList {background:#fff; height:550px; padding:25px; font-size:13px;}
.popList1 .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList1 .pList .selOK {height:30px; padding:0 15px; background:#1c2028; color:#fff; border:0;}
.popList1 .pList .tableList {height:420px; margin-top:15px; overflow-y:auto; }
.popList1 .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList1 .pList ul li {padding:8px; text-align:center; }
.popList1 .pList ul li:nth-child(1) {width:10%;}
.popList1 .pList ul li:nth-child(2) {width:30%;}
.popList1 .pList ul li:nth-child(3) {width:25%;}
.popList1 .pList ul li:nth-child(4) {width:35%;}
.popList1 .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #1c2028; border-bottom:1px solid rgba(0,0,0,.1);}
.popList1 .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList1 .pList input {height:auto;}
.popList1 .btnWrap {clear:both; width:100%; margin-top:15px; padding:0; text-align:center; }
.popList1 .btnWrap .bOk {background:#1c2028; padding:7px 35px; line-height:1;  color:#fff; border-radius:3px; display:inline-block;}
.popList1 .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}

@media all and (max-width: 720px) {
	.popList1 {width:95%;}
}

.popBack2 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList2 {position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList2 .close {position:absolute; top:15px; right:15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList2 .title {background:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList2 .pList {background:#fff; height:550px; padding:25px; font-size:13px;}
.popList2 .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList2 .pList .selOK {height:30px; padding:0 15px; background:#1c2028; color:#fff; border:0;}
.popList2 .pList .tableList {height:420px; margin-top:15px; overflow-y:auto; }
.popList2 .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList2 .pList ul li {padding:8px; text-align:center; }
.popList2 .pList ul li:nth-child(1) {width:10%;}
.popList2 .pList ul li:nth-child(2) {width:30%;}
.popList2 .pList ul li:nth-child(3) {width:25%;}
.popList2 .pList ul li:nth-child(4) {width:35%;}
.popList2 .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #1c2028; border-bottom:1px solid rgba(0,0,0,.1);}
.popList2 .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList2 .pList input {height:auto;}
.popList2 .btnWrap {clear:both; width:100%; margin-top:15px; padding:0; text-align:center; }
.popList2 .btnWrap .bOk {background:#1c2028; padding:7px 35px; line-height:1; color:#fff; border-radius:3px; display:inline-block;}
.popList2 .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}

@media all and (max-width: 720px) {
	.popList2 {width:95%;}
}


/* 20201120 popup */
	#popup-wrap {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 99999;
		width: fit-content;
		max-width: 1200px;
		display: flex;
		justify-content: center;
		align-items: baseline;
	}
	#popup-wrap .closeBox {position:absolute; width:100%; top:-10px; right:12px; text-align:right; font-size:13px;}
	#popup-wrap .closeBox img {padding:0px 0 0 0;}

	#popup-wrap img {width: 100%;}
	#popup-wrap table {
		width: 100%;
		margin-bottom: 1em;
		border: 2px solid #000;
	 }
	#popup-wrap table th,
	#popup-wrap table td	{
		padding: 0.35em 0.5em;
		border: 1px solid #111;
		text-align: center;
	}

	#divpop,
	#divpop2,
	#divpop3{
		width:500px;
		max-width: 500px;
		/* box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.1); */
		/* margin: 1%; */
		/* background: #f1f1f1; */
	}
	#divpop2 {left: 600px;}

	#divpop .popInner,
	#divpop2 .popInner,
	#divpop3 .popInner{
		width: 100%;
		/* max-width: 500px; */
		height: auto;
		/* max-height: 500px;
		overflow: auto; */
		padding: 0;
		font-size: 13px;
		/* background: top left / cover url(/img/popBg-top.png) no-repeat, bottom right / cover url(/img/popBg-bot.png) no-repeat, #f5f5f5; */
	}
	#divpop .title,
	#divpop2 .title,
	#divpop3 .title
	{
		font-size: 20px;
		font-weight: bolder;
		text-align: center;
		line-height: 2;
	}
	#divpop .date,
	#divpop2 .date,
	#divpop3 .date
	{
		font-size: 12px;
		color: #555;
		text-align: right;
	}
	#divpop .textBox,
	#divpop2 .textBox,
	#divpop3 .textBox{
		max-height: 400px;
		
		/* margin: 30px 0 10px; */
		background: #fff;
		padding: 30px 20px;
		overflow-y: auto;
		font-size: 13px;
		line-height: 1.7;
		font-weight: 400;
	}
	#divpop .textBox::-webkit-scrollbar,
	#divpop2 .textBox::-webkit-scrollbar,
	#divpop3 .textBox::-webkit-scrollbar{
		display: block;
		width: 10px;
	}
	#divpop .textBox::-webkit-scrollbar-thumb,
	#divpop2 .textBox::-webkit-scrollbar-thumb,
	#divpop3 .textBox::-webkit-scrollbar-thumb{
		background: #ddd;
	}
	#divpop input,
	#divpop2 input,
	#divpop3 input{
		height: auto;
		margin: 0 3px 0 0;
		vertical-align: inherit;
	}
	#divpop .btn-wrap,
	#divpop2 .btn-wrap,
	#divpop3 .btn-wrap{
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
	}
	#divpop button,
	#divpop2 button,
	#divpop3 button{
		margin-top: 30px;
		text-align: center;
		border: none;
		background: #ebebeb;
		padding: 10px;
		width: 30%;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 400;
		opacity: 1;
	}
	#divpop .closePop,
	#divpop2 .closePop,
	#divpop3 .closePop{
		background: #777;
		color: #fff;
	}

	#divpop button.on,
	#divpop2 button.on,
	#divpop3 button.on{
		background: #ccc;
	}
	#divpop .closePop.on,
	#divpop2 .closePop.on,
	#divpop3 .closePop.on{
		background: #333;
	}

	#divpop .textBox li,
	#divpop2 .textBox li,
	#divpop3 .textBox li{
		margin: 10px 0;
	}
	#divpop .textBox li:not(.loc) {
		padding-left: 80px;
	}
	#divpop2 .textBox ul {margin: 30px 0;}

	#divpop .inputBox,
	#divpop2 .inputBox,
	#divpop3 .inputBox
	{
		width: 100%;
		/* max-width: 500px; */
		background: #333;
		color: #fff;
		padding: 5px 0;
		overflow: hidden;
		text-align: right;
		font-size: 12px;
		letter-spacing: -1px;
	}
	#divpop .inputBox input,
	#divpop2 .inputBox input,
	#divpop3 .inputBox input{
		width: 12px;
		height: 18px;
		letter-spacing: -0.5px;
		vertical-align: sub;
	}
	#divpop .inputBox b,
	#divpop2 .inputBox b,
	#divpop3 .inputBox b 
	{
		color: #fff;
		margin-left: 5px;
		margin-right: 15px;
		letter-spacing: -0.5px;
	}

	@media screen and (max-width: 600px) {
		#popup-wrap {height:90%; overflow-y:auto;}
		#divpop. #divpop2, #divpop3 {width:400px;}
		#popup-wrap .closeBox {width:100%; top:10px; right:12px; text-align:right; font-size:11px;}
		#popup-wrap .closeBox img {margin-top:-10px; padding:0px 0 0 0;}
	}

	@media screen and (max-width: 500px) {
		#divpop, #divpop2, #divpop3 {width:350px;}
	}


	@media screen and (max-width: 400px) {
		#divpop .popInner,
		#divpop2 .popInner,
		#divpop3 .popInner{
			
		}
		#divpop .title,
		#divpop2 .title,
		#divpop3 .title{
			font-size: 5vw;
		}
		#divpop1 .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 250px;
			padding: 20px 15px;
		}
	
		 #divpop3 .inputBox {/* padding-right: 30px; */}
	}

	@media all and (max-width: 1000px){
		#popup-wrap {
			/* width: 90%;
			top: 5em;
			transform: translateX(-50%); */
			flex-wrap: wrap;
		}
		#divpop .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 350px;
		}
	}
/* 20201120 popup end */

.officeWrap {float:right; width:calc(100% - 205px); overflow:hidden;}
.whiteDoc {background:#fff; border-radius:10px;}

.mainTop {float:left; width:48.5%; height:;}
.number {font-weight:600; font-size:16px;}

@media all and (max-width: 1300px){
	.officeWrap {float:none; width:100%; margin:90px auto 0;}
}

@media screen and (max-width: 960px) {
	.officeWrap {margin:80px auto 0;}
}

@media screen and (max-width: 660px) {
	.mainTop {float:none; width:100%; }
}


.mainBox01 {width:100%; height:205px; background:url(/image/of03.jpg) no-repeat center; background-size:cover; padding:30px 30px 15px 30px; }
.mainBox01 .sTit {padding-bottom:25px; font-size:16px; font-weight:600;}
.mainBox01 ul {float:left; width:50%; margin-bottom:20px;}

.mainBox011 {width:100%; margin-top:10px; background:url(/image/of01.jpg) no-repeat center; background-size:cover; padding:30px 30px 15px 30px; overflow:hidden;}
.mainBox011 ul {float:left; width:50%; margin-bottom:20px;}

.mainBox02 {float:right; width:48.5%; height:270px; background:url(/image/of02.jpg) no-repeat center; background-size:cover; padding:30px 30px 15px 30px; color:#fff;}
.mainBox02 ul {float:left; width:50%; margin-bottom:20px;}
.mainBox02 .sTit {padding-bottom:25px; font-size:16px; font-weight:600;}
.mainBox02 .bTit {font-size:28px; font-weight:400;}




.mainWrap .name {font-size:14px;}
.mainWrap .number {font-size:18px; font-size:18px; font-weight:600;}
.mainLeft ul {margin-top:17px;}
/* .mainBox02 ul:first-child {margin-top:0;} */

.mainBox03 {float:left; width:48.5%; padding:30px 0;}
.mainBox03 .gTit {padding:0 0 15px 0; font-size:18px; font-weight:600;}

.mainBox03_1 {float:right; width:48.5%; background:url(/image/office05.jpg) no-repeat center top; background-size:cover; margin:30px 0 0 0; padding:20px 30px; color:#000; border:1px solid rgba(0,0,0,.05);}
.mainBox03_1 .sTit {padding-bottom:15px; font-size:16px; font-weight:500;}
.mainBox03_1 ul {float:left; width:50%; padding:10px;}

.mainBox03_2 {float:left; width:48.5%; background:url(/image/office04.jpg) no-repeat center top; background-size:cover; margin:30px 0 0 0; padding:20px 30px; color:#000; border:1px solid rgba(0,0,0,.05);}
.mainBox03_2 .sTit {padding-bottom:15px; font-size:16px; font-weight:500;}
.mainBox03_2 ul {float:left; width:50%; padding:10px;}

@media screen and (max-width: 660px) {
	.mainBox03_2 {float:none; width:100%; overflow:hidden;}
	.mainBox03_1 {float:none; width:100%; overflow:hidden;}
}


/* @media screen and (max-width: 880px) {
	.mainBox00 {float:none; width:100%; height:auto;}
	.mainBox00 video {width:100%; height:auto;}
	
	.mainBox01 {float:none; width:100%; height:auto; margin:20px 0 0 0; padding:30px 30px 15px 30px;}
	.mainBox02 {float:none; width:100%; height:auto; margin-top:20px; padding:30px 30px 15px 30px;}
	.mainBox02 .sTit {}
	.mainBox02 .bTit {font-size:24px;}
	
	.mainBox03 {float:none; width:100%; height:auto;}
	.mainBox03_1 {float:none; width:100%; height:auto;}
	.mainBox03_2 {float:none; width:100%; height:auto;}
} */

@media screen and (max-width: 460px) {
	.mainBox02 .bTit {font-size:22px;}
	
	.mainLeft ul {float:left; width:50%;}

	.mainBox03 {padding:20px 10px 30px 10px;}
	.mainBox03 .gTit {padding:0 0 10px 0;}
}

.mainBox04 {float:right; position:relative; width:48.5%; height:365px; background:#fff; padding:40px 30px; text-align:left;}
.mainBox04 .detail {position:absolute; top:35px; right:28px; padding:3px 12px; font-size:10px; font-weight:600; border:1px solid #ccc; border-radius:50px; display:inline-block;}
.mainBox04 .tit {font-size:18px; font-weight:600;}
.mainBox04 .cir {height:20px; background:url(/image/icon_id_w.png) no-repeat 7px center #646464; background-size:14px; margin:-5px 0 0 5px; vertical-align:middle; padding:0 8px 0 24px; color:#fff; font-size:10px; line-height:20px; border-radius:10px; display:inline-block;}
.mainBox04 .cont {background:rgba(0,0,0,.03); padding:15px; font-size:14px; overflow:hidden;}
.mainBox04 .cont .th {float:left; width:40%; padding:0; line-height:1.7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mainBox04 .cont .td {float:left; width:60%; padding:0; text-align:right; font-weight:600; color:#000; line-height:1.7; }
.vSpace20 {clear:both; padding:10px;}

@media screen and (max-width: 660px) {
	.mainBox04 {float:none; width:100%;}	
}


@media screen and (max-width: 460px) {
	.mainBox04 {padding:20px;}
	.mainBox04 .tit {font-size:16px;}
	.mainBox04 .cont {padding:15px 20px; font-size:13px;}
}

.menuWrap {width:100%; margin-top:35px; overflow:hidden;}
.menuWrap ul {float:left; width:18%; margin:0 2.5% 0 0;}
.menuWrap ul.last {margin:0;}
.menuWrap .pic {height:130px; border-radius:10px;}
.menuWrap .name {padding:10px 0; text-align:center; color:#000; font-size:14px; font-weight:500;}


.menuWrap .menu01 {background:url(/image/new01.jpg) no-repeat center top; background-size:cover;}
.menuWrap .menu02 {background:url(/image/new02.jpg) no-repeat center ; background-size:cover;}
.menuWrap .menu03 {background:url(/image/new03.jpg) no-repeat center top; background-size:cover;}
.menuWrap .menu04 {background:url(/image/new04.jpg) no-repeat center; background-size:cover;}
.menuWrap .menu05 {background:url(/image/new05.jpg) no-repeat center bottom; background-size:cover;}


@media screen and (max-width: 680px) {
	.menuWrap .pic {height:85px;}
	.menuWrap .name {font-size:13px;}
}

@media screen and (max-width: 480px) {
	.menuWrap ul {width:19%; margin:0 1.25% 0 0;}
	.menuWrap .pic {height:60px; border-radius:5px;}
}

.newsWrap {width:100%; min-height:100px; margin:20px 0 0 0; background:#fff; padding:25px;}
.newsWrap .tit {margin-bottom:12px; color:#000; font-size:18px; font-weight:600;}
.newsWrap dd {float:left; width:60%; font-size:14px !important; padding:3px 0; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsWrap dd.date {width:40%; text-align:right; color:#9294a9; letter-spacing:0;}

@media screen and (max-width: 890px) {
	.newsWrap {height:auto; padding:25px 4%;}
}

@media screen and (max-width: 768px) {
	.newsWrap {width:100%; height:auto; padding:25px 4%;}
	.newsWrap .tit {margin-bottom:15px; font-size:16px;}
	.newsWrap dd {width:65%; font-size:13px;}
	.newsWrap dd.date {width:35%; font-size:12px;}
}


@media screen and (max-width: 640px) {
	.newsWrap {float:none; width:100%;}
}

/* 초대하기 */
.mainBox06 {width:100%; height:120px; padding:15px 0 0 0;}
.mainBox06 .tit {margin-bottom:0; color:#000; font-size:18px; font-weight:600}
.mainBox06 .click {background:#222; padding:5px 10px; border-radius:50px; color:#fff; font-weight:500; font-size:10px; letter-spacing:0; display:inline-block;}
.mainBox06 .input {width:100%; height:40px; margin-bottom:30px; box-shadow:10px 15px 20px rgba(0,0,0,.1); border-radius:20px; display:flex;}
.mainBox06 .input .left {width:80%;}
.mainBox06 .input input {width:100%; height:40px; background:#fff; text-indent:7px;  border-radius:20px 0 0 20px; border:0;}
.mainBox06 .input .copy {width:20%; height:40px; background:#222; color:#fff; font-size:12px; line-height:40px; text-align:center; letter-spacing:0.5px;  border-radius:0 20px 20px 0; display:inline-block; cursor:pointer;}
.mainBox06 .input .copy:hover {background:#222;}


@media screen and (max-width: 768px) {
	.mainBox06 {clear:both; width:100%; height:150px; padding:30px 0 0 0;}
}


@media screen and (max-width: 560px) {
	.mainBox06 {height:auto; margin:40px 0 0 0; padding:0 5px; clear:both;}
	.mainBox06 .tit {padding:0 0 0 0; font-size:16px;}
	.mainBox06 .click {}
	.mainBox06 .input {height:35px; box-shadow:5px 10px 15px rgba(0,0,0,.1); border-radius:17.5px;}
	.mainBox06 .input input {height:35px; border-radius:17.5px 0 0 17.5px;}
	.mainBox06 .input .copy {height:35px; font-size:11px; line-height:35px;}
}