@charset "utf-8";
/*
	최초작성 : 2013.09.30
	1차 수정 : 2013.10.11
*/
#warp{font-size:12px;background:#E5E5E5 url(../../img/main/bg.png) repeat 0 0;}
#header{
	width:1000px;
	height:150px;
	margin:0 auto;
}
#header #headerTop{/*20*/
	overflow:hidden;
	width:1000px;
	height:15px;
	/* margin-top:10px; */
	padding-top:10px;
}
#header #headerTop dl{
	float:right;
	height:15px;
	font-size:12px;
	color:#cccccc;
}
#header #headerTop dl dd{
	height:15px;
	float:left;
	padding:0 10px;
	background:url(../../img/main/gro_dot_line.gif) no-repeat right 50%;
}
#header #headerTop dl dd.utilLast{padding-right:0;background:none;}
#header #headerTop dl dd a{color:#ffffff;}
#header #headerBottom{
	clear:both;
	width:100%;
	height:60px;
	margin-bottom:10px;
	text-align:center;
}
#header #gnb{
	overflow:hidden;
	width:1000px;
	height:88px;
	background:url(../../img/main/menu_bg.png) repeat-x 0 0;
}
#header #gnb ul.nav{
   list-style:none;
   zoom:1;   
}
#header #gnb ul.nav:after{
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
#header #gnb ul.nav li.navList{
   clear:none;
   position:relative;
   float:left;
   width:160px;
   height:55px;
   text-align:center;
}

#header #gnb ul.nav li.navList > a{
	display:block;
	padding:0 15px;
	height:55px;
	font-size:16px;
	line-height:55px;/*3.2em*/
	color:#d9b27a;
}
#header #gnb ul.nav li.navList a:focus,
#header #gnb ul.nav li.navList a:hover{
	font-weight:bold;
	color:#ffffff;
	background:url(../../img/main/menu_bg2.png) repeat-x 0 0;
	z-index:110;
}
#header #gnb ul.nav li.navFrist{margin-left:20px;}
#header #gnb ul.nav li.navList ul{
	position:absolute;
	top:54px;
	height:33px;
	line-height:33px;
	z-index:110;
	background:url(../../img/main/menu_bg3.png) repeat-x 0 0;
}
#header #gnb ul.nav li.navList ul.subNav{
	display:block;
	overflow:hidden;
	width:1px;
	height:0;
}
#header #gnb ul.nav li.navList ul li.subNavList{
	height:33px;
	float:left !important
}
#header #gnb ul.nav li.navList ul li.subNavList a{
	display:block;
	width:90px;
	height:33px;
	line-height:33px;
	color:#d9b27a;
	background:url(../../img/main/tms_line.gif) no-repeat 0 50%;
}
#header #gnb ul.nav li.navList ul li.subNavList a.first{background:none;}
#header #gnb ul.nav li.navList ul li.subNavList a:focus,
#header #gnb ul.nav li.navList ul li.subNavList a:hover{
   height:33px;
   font-weight:bold;
   color:#ffffff;
}
#header #gnb ul.nav li.navOver a{
	font-weight:bold;
	color:#ffffff;
	background:url(../../img/main/menu_bg2.gif) repeat-x 0 0;
}
#header #gnb ul.nav li.navOver ul.subNav{display:block;top:55px;left:0;height:33px;}

/*#header #gnb ul.nav li.navList ul.sub01{}
#header #gnb ul.nav li.navList ul.sub02{}/*left:0; 
#header #gnb ul.nav li.navList ul.sub03{}/*left:0; 
#header #gnb ul.nav li.navList ul.sub04{}/*left:0;*/ 
#header #gnb ul.nav li.navList ul.sub05{left:-110px;}/*left:-180px;*/ 
#header #gnb ul.nav li.navList ul.sub06{left:-290px;}

#container{
	overflow:hidden;
	clear:both;
	width:1000px;
	margin:0 auto;
	background:#f7f6f3;
}
#container #subTop{
	width:1000px;
	height:240px;
	border-bottom:2px solid #cccccc;
}
#container #main #mainLeft,
#container #main #mainRight{float:left;}
#container #main #mainLeft{
	width:220px;
}
#container #main #mainLeft dl.leftNav{
	width:210px;
	margin-left:10px;
}
#container #main #mainLeft dl.leftNav dt{
	width:220px;
	height:100px;
	margin-left:-10px;
	font-size:28px;
	font-weight:bold;
	line-height:100px;
	text-align:center;
	border-bottom:1px solid #cccccc;
}
#container #main #mainLeft dl.leftNav dd{
	position:relative;
	width:180px;
	height:30px;
	margin:10px 0 5px 10px;
	border-bottom:1px solid #cccccc;
	line-height:30px;
	cursor:pointer;
}
#container #main #mainLeft dl.leftNav dd.on{
	font-weight:bold;
	color:#ffffff;
	background:#d9b27a;
	border:none;
}

#container #main #mainLeft dl.leftNav dd span{position:absolute;top:0;right:10px;color:#716F6C;}
#container #main #mainLeft dl.leftNav dd a{display:block;color:#202B2C;}
#container #main #mainLeft dl.leftNav dd a:hover{
	font-weight:bold;
	color:#ffffff;
	background:#d9b27a;
	border:none;
}
#container #main #mainLeft dl.leftNav dd span:hover,
#container #main #mainLeft dl.leftNav dd span:active,
#container #main #mainLeft dl.leftNav dd span:focus{text-decoration:none;}
#container #main #mainLeft dl.leftNav dd a:visited{color:#202B2C;}

#container #main #mainLeft ul.leftBanner{
	clear:both;
	width:180px;
	margin:30px 0 0 20px;
}
#container #main #mainLeft ul.leftBanner li{}
#container #main #mainRight{
	width:759px;
	min-height:550px;
	height:auto !important;
	height:550px; /*IE6이하*/
	padding-left:20px;
	padding-bottom:20px;
	font-size:12px;
	border-left:1px solid #cccccc;
}
#container #main #mainRight .subTitle{
	overflow:hidden;
	width:760px;
	height:40px;
	line-height:40px;
}
#container #main #mainRight .subTitle h2{
	float:left;
	height:40px;
	padding-left:10px;
	font-size:24px;
	line-height:60px;
	background:url(../../img/sub/subTitleBg.gif) no-repeat 0 bottom;
}
#container #main #mainRight .subTitle .location{
	float:right;
	height:40px;
	line-height:40px;
	padding-right:15px;
}
#container #main #mainRight .subTitle .location li{
	float:left;
}
#container #main #mainRight .subTitle .location li.home{
	padding-left:15px;
	background:url(../../img/sub/icon_home.png) no-repeat 0 50%;
}

#container #main #mainRight .viewer .viewBox{
	display:none;
	position:relative;
	left:0;
	width:730px;
	height:450px;
	margin-top:20px;
	border:5px solid #633931;
}
#container #main #mainRight .viewer .viewBox img{position:absolute;right:0;cursor:pointer;}

#container #main #mainRight .viewer .thumbnails{
	width:680px;
	margin:15px auto;
}
#container #main #mainRight .viewer .thumbnails li{
	width:150px;
	height:80px;
	float:left;
	margin:10px;
	-ms-fillter:alpha(opacity=50);
	filter:alpha(opacity=50);
	opacity:0.5;
	cursor:pointer;
}
#container #main #mainRight .resizeBox{
	clear:both;
	overflow:hidden;
}
#container #main #mainRight .resizeBox #fontCnt{
	overflow:hidden;
	float:right;
	width:110px;
}
#container #main #mainRight .resizeBox #fontCnt li{float:left;padding-left:5px;cursor:pointer;}
#container #main #mainRight .contents{
	clear:both;
	width:740px;
	margin-top:20px;
}
#container #main #mainRight .contents .mainText{
	margin:10px 0 20px 0;

}
#container #main #mainRight .contents .mainText dl{
	overflow:hidden;
	width:740px;
	margin-top:10px;
}

#container #main #mainRight .contents .mainText dl dt,
#container #main #mainRight .contents .mainText dl dd{
	float:left;
}
#container #main #mainRight .contents .mainText dl dt{width:200px;}
#container #main #mainRight .contents .mainText dl dd{width:520px;padding-left:20px;}
#container #main #mainRight .contents .mainText p{
	clear:both;
	margin-top:10px;
}
#container #main #mainRight .contents .operationGuide{
	clear:both;
	width:738px;
	border:1px solid #bc9b6a;
}
#container #main #mainRight .contents .operationGuide h4{
	width:728px;
	height:30px;
	padding-left:10px;
	line-height:30px;
	background:#ebe1d2;
	color:#633931;
}
#container #main #mainRight .contents .operationGuide ul{
	width:728px;
	padding-left:10px;
}
#container #main #mainRight .contents .operationGuide ul li{
	width:728px;
	margin:15px 0;
}
#container #main #mainRight .contents .operationGuide ul li strong{
	padding-left:10px;
	background:url(../sub/li_quick.gif) no-repeat 0 50%;
	color:#633931;
}
#container #main #mainRight .contents .operationGuide ul li p{
	padding-left:10px;
	margin:10px 0;
}
#container #main #mainRight .contents .boardBox{
	width:740px;
}
/*    #container #main #mainRight .contents dl{
	overflow:hidden;
	width:760px;
}
#container #main #mainRight .contents dl dt{
	width:220px;
	float:left;
}
#container #main #mainRight .contents dl dd{
	width:500px;
}
#container #main #mainRight .contents dl dd p{margin-top:5px;}*/
/* #container #main #mainRight .contents .contentsTop{} */
#footer{
	clear:both;
	width:1000px;
	margin:0 auto;
	border-top:1px solid #cccccc;
	background:#000000;
}
#footer #footerBox{
	overflow:hidden;
	top:0;
	width:980px;
	margin-top:10px;
	}
#footer #footerBox .footerLeft{float:left; width:820px; padding-left:5px;}
#footer #footerBox .footerLeft ul{overflow:hidden;}
#footer #footerBox .footerLeft ul li{
	float:left;
	padding:0 5px;
	background:url(../img/main/gro_dot_line.gif) no-repeat 0 50%;
}
#footer #footerBox .footerLeft ul li.first{
	padding-left:0;
	background:none;
}
#footer #footerBox .footerLeft ul li a{
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
#footer #footerBox .footerLeft ul li a:hover{color:#838383;}
#footer #footerBox .footerLeft address{margin-top:10px;}
#footer #footerBox .footerLeft address p{font-size:12px; color:#666666;}
#footer #footerBox .footerLeft address p.isInline{display:inline;}
#footer #footerBox .footerLeft address p.copyright{margin:10px 0 10px 0;}
#footer #footerBox .footerRight{float:right; width:136px; text-align:right;}