.test{ float:left; width:720px;  background-color:#fff;  }
 
@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 {width: 360px; margin: 0 auto; }


.bannerMain {width: 360px; margin: 0 auto; }
.bannerMain li {float:left; }

.cscenter { width: 340px; margin: 10px auto; overflow:hidden; }
.cscenter li {float:left}

footer {width: 360px; margin: 20px auto 0; background:#393939;  }
footer > .banner{width: 360px; margin: 0 auto; }
footer > address { background:#f3f3f3;color:#444444; padding:10px 0; text-align:center; font-size:0.8em;  font-style:normal; display:block;}

.visual {width: 360px; margin: 0 auto; }


#sm {overflow:hidden; background:#eef1f5;  width:346px; padding:7px; margin:0 auto; display:block; }
#sm li { float:left;  }
#sm li a {width:80px;line-height:30px;font-size:0.9em; letter-spacing:-1px;margin:2px;color:#333; font-weight:bold; display:block;  background:#fff; border:1px #e4e4e4 solid;  box-shadow:2px 2px 0px rgba(0, 0, 0, 0.1); text-align:center;} 
#sm li.on a { color:#fff; background:#464646;border:1px #464646 solid;}



.fixBottom {position:fixed; bottom:0px; padding:20px; background:#FFF; z-index:100000;box-shadow: 0px -2px 2px #a3a3a3;}












section.content { width:340px; margin:0 auto; background:#FFFFFF; padding:15px 10px; }
section.content h1 {font-family:sans-serif; color:#444; font-size:1.2em; border-bottom:1px #9b9b9b solid; padding-bottom:4px;  }
section.content h2 {font-family:sans-serif;color: #454545; font-size: 1.1em ; margin-bottom:7px; line-height:1.1em; font-weight:bold; background:url(../images/dot_title.png) no-repeat 0px 0px;  padding-left:7px; text-align:left; }

section.content .wrapper{ margin: 20px 0 0 0; }
section.content .wrapper2{ margin: 20px 0 0 0; padding-bottom:15px; border-bottom:1px #CCC dashed; }
section.content .wrapper3{ margin: 20px 0 0 0; padding-bottom:20px; background:url(../../images/line_01.png) repeat-x bottom;}

dl.topSummary {  overflow:hidden; background-position:right top; background-repeat:no-repeat; background-size:30%;}
dl.topSummary dt { font-family: '맑은 고딕'; color: #31497c; font-size:1.2em; font-weight:bold; line-height:1.4em;}
dl.topSummary dd { font-family: '맑은 고딕'; color: #444; font-size: 1em;  margin-top:6px; padding-right:95px;  line-height:1.6em;background-position:right top; background-repeat:no-repeat; background-size:25%;}
dl.topSummary dd strong { color:#884c05;}
dl.topSummary  .btn > a{ display:block;width:140px; line-height:20px; padding-bottom:3px; color:#FFFFFF;   background: #a5a5a5; margin-top:15px; text-align:center;font-family:'맑은 고딕' ; font-weight:bold; font-size:13px;}
dl.topSummary  .btn > a:hover{ background: #000; }



section.content .tbBottom { margin-top:5px; font-family: sans-serif; color: #333333; }
section.content .text1 { margin-top:5px; font-family: sans-serif; color: #333333;  line-height: 20px; }
section.content .text1 strong{ color:#279293 }
section.content .text2 { margin-left:15px; list-style:circle; font-family: sans-serif; color: #535353; font-size: 13px; margin-top:10px; line-height:21px; }
section.content .text2 strong{ color:#279293 }
section.content .img{ margin-top:7px; }
section.content .contentsBox { border:1px #f5f5f5 solid; background:#fdfdfd;margin-top:8px; overflow:hidden; padding:10px; }

.list1 > li { margin-left:2px; padding-left:5px; background:url(../images/dot_title2.png) no-repeat 0px 9px; font-family: sans-serif; color: #333; font-size: 1em; margin-top:5px; line-height:20px; }

ol.listNum {margin-left:23px;}
ol.listNum > li { list-style: decimal !important;  font-family: sans-serif; color: #333;font-size: 1em; margin-top:5px; line-height:20px; }




/*테이블*/
/* 테이블 */
.tb1 { color: #333;  width:100%; border-top:2px #877e68 solid; padding:0; border-spacing:0;border-collapse:collapse;  font-family: sans-serif;   }
.tb1 caption {font-family:sans-serif;color: #454545; font-size: 1.1em ; margin-bottom:7px; line-height:1.1em; font-weight:bold; background:url(../images/dot_title.png) no-repeat 0px 0px;  padding-left:7px; text-align:left; }
.tb1 th{border:1px #CCCCCC solid; padding:6px; font-size:0.8em;}
.tb1 td{border:1px #CCCCCC solid; padding:6px; line-height:1.6em ;font-size:0.8em;}
.tb1 td.bg1{ background:#fefefe; }
.tb1 td li{ margin:5px 0;}
.tb1 thead {background-color:#fdfdf6; color:#695f45; font-weight:800; text-align:center;}
#content .tbBottom { margin-top:5px; font-family: sans-serif; color: #333333; font-size: 12px; }