.test{ float:left; width:720px;  background-color:#0F6;  }
 
@media all and (min-width:800px) {    /* 화면 너비가 980px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
     .test{ float:left; width:800px ; background-color:#333333 }    /* 콘텐츠 플롯하고 너비를 고정 */
     
 }

 
header{   width: 360px; margin: 0 auto; text-align: center;  }



.main {background:url(../images/bg_main.jpg) no-repeat; background-size:cover; overflow:hidden; }
.main>div:first-child{text-align:center; background: #011236; }
.header {text-align:center; margin-top:26px;}
.info {text-align:center; margin-top:37px;}
.info .title { background:#FFFFFF; width:300px; margin:0 auto; border:2px #ff2f2f solid; border-radius:50px; line-height:50px; color:#ff2f2f; font-size:1.8em; font-weight:bold;}
.info .date {  color:#fff; font-size:1.2em; margin-top:15px;}

.main .btn { text-align:center;margin-top:30px; }
.main .btn div { margin-top:9px;}




.bank {text-align:center; margin-top:20px;margin-bottom:30px;color:#ffdd41;}


.main > h1 { display:block; background:#bbebff; text-align:center; color:#212121; font-size:1.8em; font-weight:bold; line-height:55px;}


#form-order {width:340px; margin: 0 auto;}

.main .productInfo {width:300px; margin: 30px auto;  background:#fff7cd; padding:20px;}
.main .productInfo  table {width:100%;}
.main .productInfo td { padding:6px 0; font-size:0.9em;}
.main .productInfo col{ width: 18% !important;}


.orderInfo {margin:15px;width: 330px; margin: 30px auto;}
.orderInfo  table {width:100%;}
.orderInfo caption { color:#fff7cd; font-size:1em; font-weight:bold; margin-bottom:10px;}
.orderInfo td {padding:3px 0; color:#fff; font-size:0.9em; }
.orderInfo td  input{padding:4px 8px ; color:#333; font-size:1em; width:200px; border:0; }
.orderInfo td  input.sm{width:50px; }
.orderInfo td  textarea{padding:4px 8px ; color:#333; font-size:1em; width:200px; height:30px; border:0; }

.orderInfo td .sum {color:#ff1414; font-size:1.2em; font-weight:bold;padding:4px 8px ; width:200px; background:#fff;  }

 .orderBtn { text-align:center; margin-top:30px; margin-bottom:40px;}

.orderPrivacy{ margin:15px; color:#CCCCCC; font-size:0.8em}

.text {margin:15px; color:#fff; font-size:1em}


footer { background:#011236;  }
footer > .banner{width: 360px; margin: 0 auto;background:#fff; padding-top:15px; }
footer > address { background:#011236;color:#f6f6f6; padding:20px 0; text-align:center; font-size:0.8em;  font-style:normal; display:block;}