table.tb01{
	border-collapse:collapse;
	border:1px solid #c2c2c2;
	line-height:150%;
	font-family:'Noto Sans KR', sans-serif;
}

table.tb01 td, th{
	border:1px solid #c2c2c2;
	color:#333333;
	line-height:1.2px;
	word-break:break-all;
	font-size:12px;
	line-height:150%;
	font-family:'Noto Sans KR', sans-serif;
}

.trhead{
	height: 35px;
	text-align: center;
	font-weight: bold;
	background: #f2f2f2;
}

.tr{
	height: 35px;
	text-align: center;
}

.tdr{
	height: 35px;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
	background: #f2f2f2;
}

.tdl{
	height: 35px;
	text-align: left;
	padding-left: 5px;
}


.wrap_orderVest  {width:100%; position:relative;  font-size:13px; color:#333; padding-left:25px; font-family: 'Noto Sans KR', sans-serif;}
.wrap_orderVest .orderVest {width:1030px; margin:0 auto; }

.wrap_orderVest .orderVest  section {width:100%; position:relative; padding:20px 0;}
.wrap_orderVest .orderVest  section article > div {padding-bottom:10px;}
.wrap_orderVest .orderVest  h3 {font-size:22px; text-align:center; padding-bottom:15px; }
.wrap_orderVest .orderVest h4 {font-size:20px; margin-bottom:15px; }
.wrap_orderVest .orderVest  h5 {font-size:15px; display:inline-block; width:230px; /* height:30px; line-height:30px;  */padding-left:10px; border-left:5px solid #8bdb76; margin:10px 0;}
.wrap_orderVest .orderVest  h5.sub {background:rgba(139, 219, 118, 0.2); margin-bottom:10px; padding:10px;}
.wrap_orderVest .orderVest  h5.bluebg {background:rgba(128, 203, 219, 0.6); border-left:5px solid #80cbdb; }
.wrap_orderVest .orderVest  h5.bluebar  {border-left:5px solid #80cbdb;}

.wrap_orderVest .orderVest  section input {height:25px; border:0px solid #ddd; padding-left:5px; vertical-align:middle; }
.wrap_orderVest .orderVest  section input.long {width:440px;}

/* SECTION 1 (info) ----------------------------------------------------------------------------------------------------------------- */
.wrap_orderVest .orderVest  section.info .left {	width:69%; 	display:inline-block;	vertical-align:top;}

.wrap_orderVest .orderVest  section.info .left > div {	padding-bottom:20px;} 

.wrap_orderVest .orderVest  section.info .left > div > span {	display:inline-block; 	width:140px;}

.wrap_orderVest .orderVest  section.info .left > div > span.second {	width:70px;	padding-left:15px;}

.wrap_orderVest .orderVest  section.info .right {	width:29%; 	display:inline-block;}

.wrap_orderVest .orderVest  section.info .right img {	width:100%;}

.wrap_orderVest .orderVest  section.info select {width:235px; height:27px; border:1px solid #ddd; margin-left:15px;}

/* SECTION 2 (mark) ----------------------------------------------------------------------------------------------------------------- */
.wrap_orderVest .orderVest  section.mark {border-top:2px solid #df9108;}

.wrap_orderVest .orderVest  section.mark article {border-bottom:1px dotted #999; padding:10px 0;}

.wrap_orderVest .orderVest  section.mark article .chk {height:25px; line-height:25px; padding-left: 0px;}

.wrap_orderVest .orderVest  section.mark article .chk span {display:inline-block;  padding-right:30px;}

.wrap_orderVest .orderVest  section.mark article .chk span input {vertical-align:middle; margin-right:10px;}

.wrap_orderVest .orderVest  section.mark article .row {padding:0 0 10px 0px;}

.wrap_orderVest .orderVest  section.mark article .row > span {display:inline-block; padding-bottom:10px;}

.wrap_orderVest .orderVest  section.mark  span.titletitle {width:320px; height:font-weight:bold; font-size:15px; /* background:rgba(139, 219, 118, 0.1); */ padding:5px 10px; font-weight:500; margin-left:5px; line-height:30px;}
.wrap_orderVest .orderVest  section.mark .back span.titletitle {/* background:rgba(128, 203, 219, 0.1); */ }
.wrap_orderVest .orderVest  section.mark  span.titletitle input{}

.wrap_orderVest .orderVest  section.mark article .row input {padding:5px;}

.wrap_orderVest .orderVest  section.mark article .row select {width:250px; height:37px; border:1px solid #ddd; margin-left:15px;}

.wrap_orderVest .orderVest  section.mark article .text {padding:20px 0 0 50px;}

.wrap_orderVest .orderVest  section.mark article.arm {border:0px; padding-bottom:20px;} 

.wrap_orderVest .orderVest  section.mark .group_check {padding:0 0 20px 0px;}
.wrap_orderVest .orderVest  section.mark .group_check h5 {background: rgba(139, 219, 118, 0.1); }
.wrap_orderVest .orderVest  section.mark .back .group_check h5 {background: rgba(128, 203, 219, 0.1); width:210px; }

.wrap_orderVest .orderVest  section.mark .bgreen {color:#8bdb76}
.wrap_orderVest .orderVest  section.mark .bblue {color:#80cbdb;}

/* SECTION 3 (size) ----------------------------------------------------------------------------------------------------------------- */
.wrap_orderVest .orderVest  section.size { border-top:2px solid #df9108;} 

.wrap_orderVest .orderVest  section.size > span {padding-left:0px;}

.wrap_orderVest .orderVest  section.size ul {width:53px; display:inline-block; padding:0; margin:0; text-align:center;}

.wrap_orderVest .orderVest  section.size ul li {list-style:none;}

.wrap_orderVest .orderVest  section.size > div {text-align:right; padding-top:50px;}

.wrap_orderVest .orderVest  section.size > span ul li input {width:45px; text-align:center; padding:0 2px;}

.wrap_orderVest .orderVest  section.size > div input {border:1px solid #333; width:200px; text-align:right; padding-right:5px;margin-left:15px;}

/* SECTION 4 (btn) ----------------------------------------------------------------------------------------------------------------- */
.wrap_orderVest .orderVest  section.btn {text-align:center; padding-bottom:50px;}

.wrap_orderVest .orderVest  section.btn a {display:inline-block; width:110px; height:30px; line-height:30px; background:#f0a728; color:#fff; text-decoration:none; border:1px solid #f0a728; }

.wrap_orderVest .orderVest  section.btn a:hover {color:#f0a728; background:#fff; border:1px solid #f0a728;}