@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {
  background: url("img/bg_contents.gif");
}
#wrapper {
  min-width: 1263px;
}
/* bootstrap 豢�� 豐�蠍壱�� */
.breadcrumb {
  padding: 0;
  margin: 0;
  background: none;
  border-radius: 0;
}
#header {
  width: 100%;
  height: 64px;
  background: url("img/bg_header.png") repeat-x;
  padding: 20px 20px 0 20px;
  position: fixed;
  z-index: 100;
}
#header > p {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -6px;
}
#contents {
  padding: 80px 20px 0;
  overflow: hidden;
}
#contents .lnb {
  /*float: left;*/
  position:fixed;
  left:20px;
  top:80px;
  width: 260px;
  display: inline-block;
  padding-right:10px;
  margin-right: 20px;
  margin-bottom:20px;
}
#contents .lnb .rootList{
  border: 1px solid #cdcdcd;
}
#contents .lnb > ul > li {
  height: 53px;
  overflow: hidden;
}
#contents .lnb > ul > li > button {
  width: 100%;
  height: 53px;
  font-family: "Myriad Pro Regular","Arial","Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue";
  text-align: left;
  padding-left: 46px;
  font-size: 12px;
  color: #504e4e;
  border-bottom: 1px solid #dce1e4;
  position: relative;
}
#contents .lnb > ul > li > button:before {
  content: "";
  width: 5px;
  height: 9px;
  background: url("img/bg_menuArrow.png") no-repeat;
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -4.5px;
  z-index: 10;
  transition: .5s ease;
}
#contents .lnb > ul > li > button:after {
  content: "";
  width: 3px;
  height: 53px;
  background: #668eb0;
  position: absolute;
  right: 0;
  top: 0;
}
#contents .lnb > ul > li:nth-child(1) > button {
  background: #ffffff url("img/ico_menu1.gif") no-repeat 18px 50%;
}
#contents .lnb > ul > li:nth-child(2) > button {
  background: #ffffff url("img/ico_menu2.gif") no-repeat 18px 50%;
}
#contents .lnb > ul > li:nth-child(3) > button {
  background: #ffffff url("img/ico_menu3.gif") no-repeat 18px 50%;
}
#contents .lnb > ul > li > ul {
  background: #f1f1f1;
}
#contents .lnb > ul > li > ul > li {
  height: 34px;
  overflow: hidden;
}
#contents .lnb > ul > li > ul > li > button {
  width: 100%;
  height: 34px;
  padding-left: 37px;
  text-align: left;
  background: #f1f1f1;
  border-bottom: 1px solid #dce1e4;
  position: relative;
}
#contents .lnb > ul > li > ul > li > button:before {
  content: "";
  width: 5px;
  height: 9px;
  background: url("img/bg_menuArrow.png") no-repeat;
  position: absolute;
  left: 22px;
  top: 50%;
  margin-top: -4.5px;
  z-index: 10;
  transition: .5s ease;
}
#contents .lnb > ul > li > ul > li > button.new:after,#contents .lnb > ul > li > ul > li > button.new_1:after,#contents .lnb > ul > li > ul > li > button.new_2:after,#contents .lnb > ul > li > ul > li > button.new_3:after,#contents .lnb > ul > li > ul > li > button.new_4:after,#contents .lnb > ul > li > ul > li > button.new_5:after,#contents .lnb > ul > li > ul > li > button.new_6:after,#contents .lnb > ul > li > ul > li > button.new_7:after,#contents .lnb > ul > li > ul > li > button.new_8:after,#contents .lnb > ul > li > ul > li > button.new_9:after,#contents .lnb > ul > li > ul > li > button.new_10:after {
  content: "NEW";
  min-width: 35px;
  height:20px;
  padding-top:2px;
  background: #34638b;
  border: 1px solid #235783;
  font-weight: bold;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 7px;
  color: #fff;
  font-size: 11px;
  letter-spacing: -1px;
}
#contents .lnb > ul > li > ul > li > button.new_1 + ul>li>a:nth-child(1):after, #contents .lnb > ul > li > ul > li > button.new_2 + ul>li>a:nth-child(2):after, #contents .lnb > ul > li > ul > li > button.new_3 + ul>li>a:nth-child(3):after, #contents .lnb > ul > li > ul > li > button.new_4 + ul>li>a:nth-child(4):after, #contents .lnb > ul > li > ul > li > button.new_5 + ul>li>a:nth-child(5):after, #contents .lnb > ul > li > ul > li > button.new_6 + ul>li>a:nth-child(6):after, #contents .lnb > ul > li > ul > li > button.new_7 + ul>li>a:nth-child(7):after, #contents .lnb > ul > li > ul > li > button.new_8 + ul>li>a:nth-child(8):after,#contents .lnb > ul > li > ul > li > button.new_9 + ul>li>a:nth-child(9):after,#contents .lnb > ul > li > ul > li > button.new_10 + ul>li>a:nth-child(10):after{
  content:"N";
  width:14px;
  height:14px;
  font-size:11px;
  background:#b9c3cc;
  border-radius:2px;
  display:inline-block;
  color:#fff;
  font-weight:bold;
  text-align:center;
  margin-left:5px;
}
#contents .lnb > ul > li > ul > li > button.fix:after, #contents .lnb > ul > li > ul > li > button.fix_1:after,#contents .lnb > ul > li > ul > li > button.fix_2:after,#contents .lnb > ul > li > ul > li > button.fix_3:after,#contents .lnb > ul > li > ul > li > button.fix_4:after,#contents .lnb > ul > li > ul > li > button.fix_5:after,#contents .lnb > ul > li > ul > li > button.fix_6:after,#contents .lnb > ul > li > ul > li > button.fix_7:after,#contents .lnb > ul > li > ul > li > button.fix_8:after,#contents .lnb > ul > li > ul > li > button.fix_9:after,#contents .lnb > ul > li > ul > li > button.fix_10:after  {
  content: "FIX";
  min-width: 35px;
  height:20px;
  padding-top:2px;
  background: #afb066;
  border: 1px solid #8e8f34;
  font-weight: bold;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 7px;
  color: #fff;
  font-size: 11px;
  letter-spacing: -1px;
}
#contents .lnb > ul > li > ul > li > button.fix_1 + ul>li>a:nth-child(1):after, #contents .lnb > ul > li > ul > li > button.fix_2 + ul>li>a:nth-child(2):after, #contents .lnb > ul > li > ul > li > button.fix_3 + ul>li>a:nth-child(3):after, #contents .lnb > ul > li > ul > li > button.fix_4 + ul>li>a:nth-child(4):after, #contents .lnb > ul > li > ul > li > button.fix_5 + ul>li>a:nth-child(5):after, #contents .lnb > ul > li > ul > li > button.fix_6 + ul>li>a:nth-child(6):after, #contents .lnb > ul > li > ul > li > button.fix_7 + ul>li>a:nth-child(7):after, #contents .lnb > ul > li > ul > li > button.fix_8 + ul>li>a:nth-child(8):after,#contents .lnb > ul > li > ul > li > button.fix_9 + ul>li>a:nth-child(9):after,#contents .lnb > ul > li > ul > li > button.fix_10 + ul>li>a:nth-child(10):after{
  content:"F";
  width:14px;
  height:14px;
  font-size:11px;
  background:#b9c3cc;
  border-radius:2px;
  display:inline-block;
  color:#fff;
  font-weight:bold;
  text-align:center;
  margin-left:5px;
}
#contents .lnb > ul > li > ul > li > ul > li {
  background: #f1f1f1;
  border-bottom: 1px solid #dce1e4;
  padding: 5px 0;
}
#contents .lnb > ul > li > ul > li > ul > li > a {
  padding: 5px 0 5px 38px;
  display: block;
  text-align: left;
  color: #999999;
  background: url('img/bg_dep3.gif') no-repeat 24px 6px;
}
#contents .lnb > ul > li.on {
  height: auto;
}
#contents .lnb > ul > li.on > button {
  -webkit-box-shadow: 0 1px 3px -1px rgba(133, 133, 133, 0.46);
  -moz-box-shadow: 0 1px 3px -1px rgba(133, 133, 133, 0.46);
  box-shadow: 0 1px 3px -1px rgba(133, 133, 133, 0.46);
}
#contents .lnb > ul > li.on > button:before {
  content: "";
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
}
#contents .lnb > ul > li > ul > li.on {
  height: auto;
}
#contents .lnb > ul > li > ul > li.on > button {
  color: #34638b;
  background: #f7f7f7;
}
#contents .lnb > ul > li > ul > li.on > button:before {
  content: "";
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
}
#contents .lnb > ul > li > ul > li.on > ul {
  height: auto;
}
#contents .lnb > ul > li > ul > li.on > ul > li {
  height: auto;
  border-bottom: 1px solid #dce1e4;
  padding: 5px 0;
  background: #f7f7f7;
}
#contents .lnb > ul > li > ul > li > ul > li > a.on {
  color: #34638b;
}

#contents .conArea {
  /*min-height:708px;*/
  padding-left: 280px;
}
#contents .conArea .breadcrumb {
  margin-bottom: 20px;
}
#contents .conArea .breadcrumb span {
  padding: 0 15px 0 10px;
  position: relative;
  /*margin-right: 5px;*/
  font-family: "Myriad Pro Regular","Arial","Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue";
}
#contents .conArea .breadcrumb span:after {
  content: "";
  width: 5px;
  height: 8px;
  background: url("img/bg_arrow.gif") no-repeat;
  position: absolute;
  right: 0;
  top: 2px;
}
#contents .conArea .breadcrumb em {
  font-size: 11px;
  color: #9f9e9e;
  padding-left:5px;
}
#contents .conArea > h2 {
  font-family: 'Nanum Gothic';
  font-weight: 100;
  font-size: 26px;
  margin-bottom: 15px;
}
#contents .conArea > h2 span {
  font-family: 'Nanum Gothic';
  margin-left: 15px;
  display: inline-block;
  color: #8b8d8f;
  font-size: 20px;
}
#contents .conArea .inner {
  background: #fff;
  border: 1px solid #cbcccc;
  padding: 30px;
}

/* main */
.mainList li {
  border: 1px solid #cccdcd;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px -1px rgba(133, 133, 133, 0.46);
  -moz-box-shadow: 0 1px 3px -1px rgba(133, 133, 133, 0.46);
  box-shadow: 0 1px 3px -1px rgba(133, 133, 133, 0.46);
  /*height: 162px;*/
  overflow: hidden;
  margin-bottom: 20px;
  padding: 35px 33px;
}
.mainList li:first-child {
  padding: 35px 33px;
  border:15px solid #ccc;
  background:#fff url("img/bg_vopen.gif") no-repeat right 50%;
}
.mainList li:last-child {
  margin: 0;
}

.mainList li > h2 {
  font-family: "Myriad Pro Bold","Arial","Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue";
  font-size: 29px;
  font-weight: bold;
  color: #504e4e;
  margin-bottom: 5px;
}
.mainList li > p {
  font-size: 18px;
  font-family: 'Nanum Gothic';
  line-height: 25px;
  color: #929292;
}
.mainList li em{
  margin-left:15px;
  color:#f26c7d;
}
.mainList li em a{
  color:#f26c7d;
  text-decoration:underline;
}
#dewsFooter {
  clear: both;
  padding: 10px 0  10px 280px;
  text-align: center;
}
#top{
  position:fixed;
  right:21px;
  bottom:0;
  z-index:10;
  opacity:0;
  transition:.5s ease;
}
#top.on{
  opacity:1;
}

#top button{
  width:30px;
  height:30px;
  background:#668eb0;
  color:#fff;
  font-weight:bold;
  text-align:center;
  font-size:11px;
  letter-spacing:-1px;
}