@import url(common.css);
@import url(sub_tab.css);

#M_header, #M_contentWrap, #M_footer, #downMenu{display:none;}

#Wrap{width:100%; margin:0 auto;}

/*header*/
#header{width:100%; display:block;}
#gnb{width:100%; height:37px; text-align:right; line-height:37px; background:#999999;}
#gnb div.gnbWrap{width:768px; margin:0 auto;}
#gnb div.gnbWrap ul li{display:inline;}
#gnb div.gnbWrap ul li a{color:#fff; margin-right:20px;}
div.mainMenu{overflow:hidden; width:768px; height:83px; line-height:83px; margin:0 auto;}
h1{margin-top:18px;}
h1 a img{width:80%;}
h1, #lnb{float:left;}
.m1, .m2, .m3, .m4{float:left; font-size:17px; margin-right:85px;}
.m4{margin-right:0px;}
.m1 div, .m2 div, .m3 div, .m4 div{display:none;}
#lnb{margin-left:29px;}

/*footer*/
#footer{clear:both; display:block; width:100%; height:129px; padding-top:18px; border-top:2px solid #999999; background:#f0f0f0;}
#footer div.ftWrap{width:724px; position:relative; margin:0 auto; padding:0 22px;}
#footer div.ftWrap div.ft12Wrap{float:left;} 
#footer div.ftWrap div.ft34Wrap{float:right;}

#footer div.ftWrap div.ft1{margin-top:9px; margin-bottom:24px;}
#footer div.ftWrap div.ft1 ul li{display:inline; margin-right:33px;}
#footer div.ftWrap div.ft1 ul li a:hover{font-weight:bold;}

#footer div.ftWrap div.ft2 address.copyright{margin-top:7px;}

#footer div.ftWrap div.ft3{overflow:hidden; position:absolute; top:0; right:80px; margin-bottom:8px;}
#footer div.ftWrap div.ft3 ul li{float:left; margin-left:7px;}

#footer div.ftWrap div.ft4{display:none;}
/*#footer div.ftWrap div.ft4{position:relative;}
#footer div.ftWrap div.ft4 div.SiteLink1{width:164px; height:23px; margin-left:5px; margin-bottom:5px;}
#footer div.ftWrap div.ft4 div.SiteLink1 p a{display:block;width:164px; height:23px; background:url("../image/web/common/bg_select.gif") no-repeat 0 0; 
font:normal 11px '돋움', Dotum; padding:5px 0 0 7px; color:#6b6b6b; text-decoration:none;}
#footer div.ftWrap div.ft4 div.SiteLink1 ul.Site{z-index:999999;width:152px; height:110px; padding:5px; border:1px solid #e4e4e4; overflow-y:scroll; position:absolute; top:-121px; background:#fff;}
#footer div.ftWrap div.ft4 div.SiteLink1 ul.Site li{font:normal 11px '돋움', Dotum; letter-spacing:-1px; line-height:160%;}
#footer div.ftWrap div.ft4 div.SiteLink1 ul.Site li.tit{font-weight:bold; color:#3983c3;}

#footer div.ftWrap div.ft4 div.SiteLink2{width:164px; height:23px; margin-left:5px;}
#footer div.ftWrap div.ft4 div.SiteLink2 p a{display:block; width:164px; height:23px; background:url("../image/web/common/bg_select.gif") no-repeat 0 0; 
font:normal 11px '돋움', Dotum; padding:5px 0 0 7px; color:#6b6b6b; text-decoration:none;}
#footer div.ftWrap div.ft4 div.SiteLink2 ul.Site{z-index:999999;width:152px; height:110px; padding:5px; border:1px solid #e4e4e4; overflow-y:scroll; position:absolute; top:-93px; background:#fff;}
#footer div.ftWrap div.ft4 div.SiteLink2 ul.Site li{font:normal 11px '돋움', Dotum; letter-spacing:-1px; line-height:160%;}
.underM{padding-top:10px;}*/


/*content Wrap*/
	/*main-vis*/
	#vis{width:100%; height:auto; background:#f0f0f0; }
	#vis div.imgWrap{width:768px; margin:0 auto;}
	#vis div.imgWrap img{width:100%;}
	/*content*/
	#contentWrap{display:block;}
	#content{width:645px; margin:0 auto; }
	div.contWrap{overflow:hidden; margin:23px 0; }
	div#popupZone, div#notice, div#gallery, div#iconZone1, div#iconZone2, div#iconZone3{float:left;}
	
	div#popupZone{position:relative; float:left; width:290px; height:258px; padding:20px 0 0 22px; margin:0 15px 15px 0; border:1px solid #dbdbdb;}
	div#popupZone h4.title_popup{width:99px;}
	div#popupZone > img{border:1px solid #dbdbdb; margin-top:16px;}
	div#popupZone ul{position:absolute; top:20px; right:27px; }
	div#popupZone ul li{float:left; margin-left:3px;}

	div#notice{position:relative; background:#f0f0f0; width:313px; height:280px; margin-bottom:15px; border:none;}
	div#notice .tab{float:left; text-align:center; line-height:30px; margin:49px 0 0 29px; font-size:15px; font-weight:normal;}
	div#notice .marNo{margin:49px 0 0 0;}
	div#notice .tab a{display:block; width:127px; height:39px; background:url('../image/web/main/bg_tab.png') no-repeat 0 0;}
	div#notice .tab a:hover, div#notice .tab a.on{color:#fff; background:url('../image/web/main/bg_tab_on.png') no-repeat 0 0;}
	div#notice .cont{position:absolute; top:102px; left:30px; font-size:13px;}
	div#notice .cont ul li{margin-bottom:14px; padding-left:14px; background:url('../image/web/main/bullet.gif') no-repeat 5px 6px;}
	div#notice .more{position:absolute; top:24px; right:28px;}

	div#gallery{position:relative; width:293px; height:258px; padding:20px 0 0 19px; margin:0 15px 15px 0; border:1px solid #dbdbdb;}
	div#gallery ul{width:272px; height:211px; margin-top:16px;}
	div#gallery ul li{float:left; margin-right:1px; margin-bottom:1px;}
	div#gallery ul li a{opacity:0.5;}
	div#gallery ul li a:hover{opacity:1;}
	div#gallery .more{position:absolute; top:24px; right:28px;}

	div#iconZone1{width:240px; height:278px; border:1px solid #dbdbdb; padding:0 36px; margin-bottom:15px;}
	div#iconZone1 div.icon1{position:relative; padding-left:87px; width:149px; height:136px; border-bottom:1px solid #dbdbdb; background:url('../image/web/main/icon1.jpg') no-repeat 9px 40px;}
	div#iconZone1 div.icon1 div.pWrap1{padding-top:46px;}
	div#iconZone1 div.icon1 div.pWrap1 p strong{display:block; font-weight:600; font-size:17px; margin-bottom:10px;}
	div#iconZone1 div.icon1 div.go{position:absolute; top:48px; right:13px;}

	div#iconZone1 div.icon2{position:relative; width:236px; height:136px; background:url('../image/web/main/icon2.jpg') no-repeat 155px 35px;}
	div#iconZone1 div.icon2 div.pWrap2{padding-top:39px;}
	div#iconZone1 div.icon2 div.pWrap2 p strong{display:block; font-weight:600; font-size:17px; margin-bottom:10px;}
	div#iconZone1 div.icon2 div.go{position:absolute; top:41px; left:102px;}

	div#iconZone2{overflow:hidden;}
	div#iconZone2 div.icon3{position:relative; float:left; width:267px; height:133px; padding-left:46px; margin-right:15px; border:1px solid #dbdbdb; background:url('../image/web/main/icon3.jpg') no-repeat 186px 29px;}
	div#iconZone2 div.icon3 div.pWrap3{padding-top:40px;}
	div#iconZone2 div.icon3 div.pWrap3 p strong{display:block; font-weight:600; font-size:17px; margin-bottom:10px;}
	div#iconZone2 div.icon3 div.go{position:absolute; top:42px; left:148px;}

	div#iconZone2 div.icon4{position:relative; float:left; width:185px; height:133px; padding-left:128px; border:1px solid #dbdbdb; background:url('../image/web/main/icon4.jpg') no-repeat 27px 44px;}
	div#iconZone2 div.icon4 div.pWrap4{padding-top:40px;}
	div#iconZone2 div.icon4 div.pWrap4 p strong{display:block; font-weight:600; font-size:17px; margin-bottom:10px;}
	div#iconZone2 div.icon4 div.go{position:absolute; top:42px; right:98px;}

	div#iconZone3{display:none;}

	p.pLine{line-height:16px;}