@charset "utf-8";


/* layout 

.SkipNavi { position:absolute; top:0; width:100%;z-index:1059; }
.SkipNavi a { position:absolute; top:-500px; }
.SkipNavi a span { display:inline-block; padding:2px 0 0 38px; background:url(/images/common/skip_ico.png) no-repeat 0 5px; font-weight:bold; font-size:14px; line-height:30px; color:#fff; }
.SkipNavi a:focus, .SkipNavi a:active, .SkipNavi a:hover { display:block; top:0; width:100%; height:33px; background:url(../images/common/skip_bg.png) repeat-x 0 0; text-decoration:none; text-align:center; }
.SkipNavi a:focus, .SkipNavi a:active, .SkipNavi a:hover { z-index:1060; }


#wrapper { width:100%; position:relative; }
#headerWrap { width:100%; position:relative; height:70px; border-bottom:1px solid #d7d7d7; overflow:hidden; }
#headerWrap #header { width:1000px; height:70px; margin:0 auto; position:relative; }
#headerWrap #header .logo { text-indent:-9999px; width:83px; height:39px; background:url(../images/common/img_logo.gif) no-repeat; position:absolute; top:19px; left:0; }
#headerWrap #header .logo a {  width:98px; height:38px; display:block; }
#headerWrap #header .siteMenu li.ic_remote { margin:2px 2px 0 8px; }
#headerWrap #header .siteMenu { position:absolute; right:0; top:29px; content:""; zoom:1; font-size:10px; }
@media screen and (min-width:769px) and (max-width:1024px)
{
#headerWrap #header .siteMenu { position:absolute; right:20px; top:29px; content:""; zoom:1; font-size:10px; }
}
#headerWrap #header .siteMenu li { float:left; margin:0 0 0 5px; line-height:24px; font-weight:600;  }
#headerWrap #header .siteMenu li.line { background:url(../images/common/img_siteline.gif) no-repeat left center; padding:0 0 0 9px; }


#container { width:100%; height:auto; position:relative; }
#container #content { width:1000px; position:relative; margin:0 auto; }









#subNav { width:100%; height:124px; background:#4c4c4c; border-top:1px solid #636363; border-bottom:1px solid #636363; z-index:100; }
#subNav .subMenu { width:1000px; margin:0 auto; position:relative; overflow:hidden; clear:both;}
#subNav .subMenu .submenu01 { width:328px; height:124px; float:left; background:#4c4c4c; overflow:hidden; line-height:1.1; position:relative; }
#subNav .subMenu .submenu01 dl { position:absolute; left:31px; top:17px; }
#subNav .subMenu .submenu01 dl dt { font-size:20px; color:#bfbfbf; font-weight:bold; float:left; }
#subNav .subMenu .submenu01 dl dt a span { font-size:19px; font-weight:normal; }
#subNav .subMenu .submenu01 dl dt a { color:#bfbfbf; }
#subNav .subMenu .submenu01 dl dt a:hover { color:#ffb159; }
#subNav .subMenu .submenu01 dl dt.on a { color:#ffb159; }
#subNav .subMenu .submenu01 dl dd { font-size:11px; color:#e8e8e8; font-weight:bold; float:left; margin:0 0 0 50px; }
#subNav .subMenu .submenu01 dl dd a { color:#bfbfbf; }
#subNav .subMenu .submenu01 dl dd ul.submenu01_01 { width:65px; overflow:hidden; margin:-7px 0 0 0; float:left; }
#subNav .subMenu .submenu01 dl dd ul.submenu01_02 { width:65px; overflow:hidden; margin:-7px 0 0 32px; float:left; }
#subNav .subMenu .submenu01 dl dd ul li { margin:7px 0 0 0;  }
#subNav .subMenu .submenu01 dl dd ul li a:hover, #subNav .subMenu .submenu01 dl dd ul li a:focus { color:#ffb159; }
#subNav .subMenu .submenu01 dl dd ul li.on a { color:#ffb159; }
#subNav .subMenu .submenu02 { width:341px; height:124px; float:left; overflow:hidden; line-height:1.1; position:relative; border-left:1px solid #636363; border-right:1px solid #636363; }
#subNav .subMenu .submenu02 dl { position:absolute; left:23px; top:17px; }
#subNav .subMenu .submenu02 dl dt { font-size:20px; color:#bfbfbf; font-weight:bold; float:left; }
#subNav .subMenu .submenu02 dl dt a span { font-size:19px; font-weight:normal; }
#subNav .subMenu .submenu02 dl dt a { color:#bfbfbf; }
#subNav .subMenu .submenu02 dl dt a:hover { color:#78ccff; }
#subNav .subMenu .submenu02 dl dt.on a { color:#78ccff; }
#subNav .subMenu .submenu02 dl dd { font-size:11px; color:#e8e8e8; font-weight:bold; float:left; margin:0 0 0 44px; }
#subNav .subMenu .submenu02 dl dd a { color:#bfbfbf; }
#subNav .subMenu .submenu02 dl dd ul.submenu02_01 { width:100px; overflow:hidden; margin-top:-7px; float:left; }
#subNav .subMenu .submenu02 dl dd ul.submenu02_01 li { margin:7px 0 0 0; }
#subNav .subMenu .submenu02 dl dd ul.submenu02_02 { width:100px; overflow:hidden; margin:-7px 0 0 14px; float:left; }
#subNav .subMenu .submenu02 dl dd ul.submenu02_02 li { margin:7px 0 0 0; }
#subNav .subMenu .submenu02 dl dd ul li a:hover, #subNav .subMenu .submenu02 dl dd ul li a:focus { color:#78ccff; }
#subNav .subMenu .submenu02 dl dd ul li.on a { color:#78ccff; }
#subNav .subMenu .submenu03 { width:329px; height:124px; float:right; overflow:hidden; line-height:1.1; position:relative; }
#subNav .subMenu .submenu03 dl { position:absolute; left:31px; top:17px; }
#subNav .subMenu .submenu03 dl dt { font-size:20px; color:#bfbfbf; font-weight:bold; float:left; }
#subNav .subMenu .submenu03 dl dt a span { font-size:19px; font-weight:normal; }
#subNav .subMenu .submenu03 dl dt a { color:#bfbfbf; }
#subNav .subMenu .submenu03 dl dt a:hover { color:#b2d235; }
#subNav .subMenu .submenu03 dl dd { font-size:11px; color:#e8e8e8; font-weight:bold; float:left; margin:0 0 0 37px; }
#subNav .subMenu .submenu03 dl dd a { color:#bfbfbf; }
#subNav .subMenu .submenu03 dl dt.on a { color:#bfbfbf; }
#subNav .subMenu .submenu03 dl dd ul.submenu03_01 { width:75px; overflow:hidden; margin:-7px; float:left; }
#subNav .subMenu .submenu03 dl dd ul.submenu03_02 { width:75px; overflow:hidden; margin:-7px 0 0 15px ; float:left; }
#subNav .subMenu .submenu03 dl dd ul li { margin:7px 0 0 0; }
#subNav .subMenu .submenu03 dl dd ul li a:hover, #subNav .subMenu .submenu03 dl dd ul li a:focus { color:#b2d235; }
#subNav .subMenu .submenu03 dl dd ul li.on a { color:#b2d235; }

#footerWrap { width:100%; border-top:1px solid #d7d7d7; position:relative; clear:both; }
#footer { width:1000px; height:72px; margin:0 auto; position:relative; overflow:hidden; padding-top:10px; }
#footer .copyright { color:#161616; position:absolute; left:0; top:34px; font-size:11px; letter-spacing:1px; font-family:'arial'; }
#footer .familySite { position:absolute; right:0; top:34px; }
@media screen and (min-width:769px) and (max-width:1024px)
{
#footer .familySite { position:absolute; right:20px; top:24px; }
}

#footer .familySite img { vertical-align:baseline;  }
#footer .familySite input { vertical-align:middle; }
#footer .familySite select { padding:1px; vertical-align:middle; }
#footer .familySite label { width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }*/











/* slide */
#slides { display: none; position:relative; }

a.slidesjs-next{background-image: url("../../common/images/main/right.png"); background-repeat: no-repeat;
  display:block;width:35px;height:65px;text-indent: -9999px;  z-index:10;}
a.slidesjs-previous{background-image: url("../../common/images/main/left.png"); background-repeat: no-repeat;
  display:block;width:35px;height:65px;text-indent: -9999px;  z-index:10;}
a.slidesjs-play,
a.slidesjs-stop {
  background-image: url("../../common/images/main/stop_play.png");
  background-repeat: no-repeat;
  display:block;
  width:7px;
  height:11px;
  overflow: hidden;
  text-indent: -9999px;
  z-index:10;
}


/*2014-04-01 수정*/

a.slidesjs-next {

  position:absolute; bottom:180px; right:-125px;
  background-position: 0px 0;
}

/*a:hover.slidesjs-next {
  position:absolute; bottom:8px; right:0;
  background-position: -12px -18px;
}*/

a.slidesjs-previous {
  position:absolute; bottom:180px; left:-125px;
  background-position: 0 0;
}
/*//2014-04-01 수정*/

/*a:hover.slidesjs-previous {
  position:absolute; bottom:8px; right:50px;
  background-position: 0 -18px;
}*/
/*2014-04-01 수정*/

a.slidesjs-play {
display:block !important;
  position:absolute; bottom:1px; right:290px;
  width:7px;
  background-position: right 0;
}
a:hover.slidesjs-play {
  position:absolute; bottom:1px; right:290px;
  background-position: right bottom;
}

a.slidesjs-stop {
display:block !important;
  position:absolute; bottom:1px; right:310px;
  width:7px;
  background-position: left top;
}

a:hover.slidesjs-stop {
  position:absolute; bottom:1px; right:310px;
  background-position: left bottom;
}
.slidesjs-pagination {
  position:absolute;
  bottom:0; right:330px;
  z-index:10;
  list-style: none;
}
/*//2014-04-01*/

/*@media screen and (min-width:769px) and (max-width:1024px)
{
	a.slidesjs-next {
	  position:absolute; bottom:8px; right:20px;
	  background-position: -12px 0;
	}

	a:hover.slidesjs-next {
	  position:absolute; bottom:8px; right:20px;
	  background-position: -12px -18px;
	}

	a.slidesjs-previous {
	  position:absolute; bottom:8px; right:70px;
	  background-position: 0 0;
	}

	a:hover.slidesjs-previous {
	  position:absolute; bottom:8px; right:70px;
	  background-position: 0 -18px;
	}

	a.slidesjs-play {
	  position:absolute; bottom:8px; right:43px;
	  width:15px;
	  background-position: -25px 0;
	}

	a:hover.slidesjs-play {
	  position:absolute; bottom:8px; right:43px;
	  background-position: -25px -18px;
	}

	a.slidesjs-stop {
	  position:absolute; bottom:8px; right:43px;
	  width:18px;
	  background-position: -41px 0;
	}

	a:hover.slidesjs-stop {
	  position:absolute; bottom:8px; right:43px;
	  background-position: -41px -18px;
	}

}*/

@media screen and (min-width:769px) and (max-width:1024px)
{
.slidesjs-pagination {
  position:absolute;bottom:10px;right:330px;
  z-index:10;
  list-style: none;
  overflow:hidden;
}
}


.slidesjs-pagination li {
 float:left;
  margin: 2px 2px;
}

.slidesjs-pagination li a {
  display: block;
  width: 10px;
  height: 0;
  padding-top: 10px;
  background-image: url("../../common/images/pagination.png");
  background-position: 0 0;
  overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -10px
}

.slidesjs-pagination li a:hover {
  background-position: 0 -20px
}