@charset "utf-8";
@import url("default.css");
@import url("common.css");
@import url("layout.css");

#Container {width:100%; margin:0px; background: url(/site/main/img/main_bg_001.gif) repeat-x; float:left; }
	#MainContent {width:970px; margin:0 auto; overflow:hidden;  background: url(/site/main/img/main_bg_con.gif) no-repeat;}
		#MainLeft {float:left; width:240px; margin-top:25px;}
		#MainMiddle {float:left; width:430px; margin-left:27px;}
		#MainRight {float:right; width:240px; margin-top:25px;}
		#MainBanner {clear:both; float:left;  width: 970px; height: 45px; margin:15px 0px 0px 0px; }
			#MainBanner ul li {float:left;}
			.StartBanner ul li {float:left;}
			.Scroll001 { width: 867px; height: 45px; background: url(/site/main/img/main_077.gif) repeat-x;}




#Submenu {position:absolute;left: 230px; top: 90px;z-index: 13; display:none;}
#Submenu1 {position:absolute;left: 140px; top: 65px;z-index: 13; display:none;width:700px;}
#Submenu2 {position:absolute;left: 140px; top: 65px;z-index: 13; display:none;width:700px;}
#Submenu3 {position:absolute;left: 140px; top: 65px;z-index: 13; display:none;width:700px;}
#Submenu4 {position:absolute;left: 140px; top: 65px;z-index: 13; display:none;width:700px;}
#Submenu5 {position:absolute;left: 140px; top: 65px;z-index: 13; display:none;width:700px;}
#Submenu6 {position:absolute;left: 140px; top: 65px;z-index: 13; display:none;width:700px;}

#bgSubmenu001{position: absolute;left:-34px;top:50px;z-index:12; display:none;}
#bgSubmenu002{position: absolute;left:-34px;top:50px;z-index:12; display:none;}
#bgSubmenu003{position: absolute;left:-34px;top:50px;z-index:12; display:none;}
#bgSubmenu004{position: absolute;left:-34px;top:50px;z-index:12; display:none;}
#bgSubmenu005{position: absolute;left:-34px;top:50px;z-index:12; display:none;}
#bgSubmenu006{position: absolute;left:-34px;top:50px;z-index:12; display:none;}



#Meuelist{position: absolute; left:165px; top:15px; z-index:13; width:580px; height:210px;  float:left;}
#btnColse{position: absolute; left:175px; top:254px; z-index:14;}

/**
a.SubTit001:hover {font-size:13px; font-weight:bold; color:#063cc5; text-decoration:underline;}
a.SubTit001:link {font-size:13px; font-weight:bold; color:#063cc5; text-decoration:underline;}
a.SubTit001:visit {font-size:13px; font-weight:bold; color:#063cc5; text-decoration:underline;}

a.SubTit002:hover {font-size:13px; font-weight:bold; color:#c324cd; text-decoration:underline;}
a.SubTit002:link {font-size:13px; font-weight:bold; color:#c324cd; text-decoration:underline;}
a.SubTit002:visit {font-size:13px; font-weight:bold; color:#c324cd; text-decoration:underline;}

a.SubTit003:hover {font-size:13px; font-weight:bold; color:#7920c5; text-decoration:underline;}
a.SubTit003:link {font-size:13px; font-weight:bold; color:#7920c5; text-decoration:underline;}
a.SubTit003:visit {font-size:13px; font-weight:bold; color:#7920c5; text-decoration:underline;}

a.SubTit004:hover {font-size:13px; font-weight:bold; color:#0aa1aa; text-decoration:underline;}
a.SubTit004:link {font-size:13px; font-weight:bold; color:#0aa1aa; text-decoration:underline;}
a.SubTit004:visit {font-size:13px; font-weight:bold; color:#0aa1aa; text-decoration:underline;}

a.SubTit005:hover {font-size:13px; font-weight:bold; color:#f16305; text-decoration:underline;}
a.SubTit005:link {font-size:13px; font-weight:bold; color:#f16305; text-decoration:underline;}
a.SubTit005:visit {font-size:13px; font-weight:bold; color:#f16305; text-decoration:underline;}

a.SubTit006:hover {font-size:13px; font-weight:bold; color:#1f8318; text-decoration:underline;}
a.SubTit006:link {font-size:13px; font-weight:bold; color:#1f8318; text-decoration:underline;}
a.SubTit001:visit {font-size:13px; font-weight:bold; color:#1f8318; text-decoration:underline;}
**/


#SubTit001 a:link {font-size:13px; font-weight:bold; color:#063cc5; text-decoration:underline;}
#SubTit001 a:active {font-size:13px; font-weight:bold; color:#063cc5; text-decoration:underline;}
#SubTit001 a:visited {font-size:13px; font-weight:bold; color:#063cc5; text-decoration:underline;}
#SubTit001 a:hover {font-size:13px; font-weight:bold; color:#063cc5; text-decoration:underline;}

#SubTit002 a:link {font-size:13px; font-weight:bold; color:#7920c5; text-decoration:underline;}
#SubTit002 a:active {font-size:13px; font-weight:bold; color:#7920c5; text-decoration:underline;}
#SubTit002 a:visited {font-size:13px; font-weight:bold; color:#7920c5; text-decoration:underline;}
#SubTit002 a:hover {font-size:13px; font-weight:bold; color:#7920c5; text-decoration:underline;}

#SubTit003 a:link {font-size:13px; font-weight:bold; color:#c324cd; text-decoration:underline;}
#SubTit003 a:active {font-size:13px; font-weight:bold; color:#c324cd; text-decoration:underline;}
#SubTit003 a:visited {font-size:13px; font-weight:bold; color:#c324cd; text-decoration:underline;}
#SubTit003 a:hover {font-size:13px; font-weight:bold; color:#c324cd; text-decoration:underline;}

#SubTit004 a:link {font-size:13px; font-weight:bold; color:#0aa1aa; text-decoration:underline;}
#SubTit004 a:active {font-size:13px; font-weight:bold; color:#0aa1aa; text-decoration:underline;}
#SubTit004 a:visited {font-size:13px; font-weight:bold; color:#0aa1aa; text-decoration:underline;}
#SubTit004 a:hover {font-size:13px; font-weight:bold; color:#0aa1aa; text-decoration:underline;}

#SubTit005 a:link {font-size:13px; font-weight:bold; color:#f16305; text-decoration:underline;}
#SubTit005 a:active {font-size:13px; font-weight:bold; color:#f16305; text-decoration:underline;}
#SubTit005 a:visited {font-size:13px; font-weight:bold; color:#f16305; text-decoration:underline;}
#SubTit005 a:hover {font-size:13px; font-weight:bold; color:#f16305; text-decoration:underline;}

#SubTit006 a:link {font-size:13px; font-weight:bold; color:#1f8318; text-decoration:underline;}
#SubTit006 a:active {font-size:13px; font-weight:bold; color:#1f8318; text-decoration:underline;}
#SubTit006 a:visited {font-size:13px; font-weight:bold; color:#1f8318; text-decoration:underline;}
#SubTit006 a:hover {font-size:13px; font-weight:bold; color:#1f8318; text-decoration:underline;}




#Listwrap{ background:url(/site/main/img/bg_009.gif) top left repeat-y; padding-left:10px; padding-right:5px; height:240px; width:125px; float:left;}
#Listwrap h5 {display:block; clear:both;line-height:250%;}
	#Listwrap ul li a {color:#666; line-height:120%; display:block; width:115px;}
	#Listwrap ul li a:hover{color:#000;}
	#Listwrap ul li {background:url(/site/main/img/bul_004.gif) 0px 4px no-repeat; padding-left:7px; margin-bottom:1px;clear:both;}
.bg_li{background:url(/site/main/img/bul_004.gif) 0px 4px no-repeat; padding-left:7px;}


.ulWrap{font-size:11px; color:#0066CC;}
.ulWrap li {background:url(/site/main/img/bul_004.gif) 0px 4px no-repeat; padding-left:7px; margin-bottom:1px;}

#Familysite {width:240px; height:200px; background:url(/site/main/img/mainleft_bg_001.gif) no-repeat;}
	#Familysite dl dd {list-style:none; float:left; margin-top:3px;}


#Userpop{position:absolute; width: 850px; height: 435px; top:370px; left:5px; z-index: 98;}
#bg_Userpop {position: absolute; left: 0; top: 0px; width: 712px; height: 600px; z-index: 99;}
#List_Userpop {position: absolute; left: 1px; top: 1px; width: 715px; z-index: 99;}
	#UserInfo {float:left; height:94px; padding-left:20px;}
	#UserBtn {float:right; padding-top:18px; padding-right:25px;}
	#UserList ul {clear:both; float:left; width:830px; position:relative; left:8px;}
	#UserList ul li{float:left;}


#DataLink1 {width: 240px; height:73px; padding-top:18px;}
	#DataLink1 ul li {float:left; list-style:none;}


#DataLink2 {width: 240px; height: 42px; margin-top:8px;}
	#DataLink2 ul li {float:left; list-style:none; padding-bottom:3px; padding-left:3px;}

#Favor {width:240px;height: 210px;background: url(/site/main/img/mainleft_bg_002.gif) top left no-repeat; margin-top:18px;}
	#Favor_001 ul {float:left; margin-top:35px;}
	#Favor_001 ul li {float:left; list-style:none; padding-left:15px;}
	#Favor_002 ul {clear:both; float:left; position:relative; left:14px; top:16px; width:215px;}
	#Favor_002 ul li {list-style:none; background:url(/site/main/img/bul_005.gif) 0px 5px no-repeat; padding-left:8px; font-size:11px; letter-spacing:-1px;}
		.Favor_002_left {width:108px; height:19px; float:left;}
		.Favor_002_right {width:90px; height:19px; float:right;}
		a.FL:link{color: #697b8e; border-style: none; text-decoration : none;}
		a.FL:visited{color: #697b8e; border-style: none; text-decoration : none;}
		a.FL:active{color: #1172a6; text-decoration:none;}
		a.FL:hover{color: #1172a6; text-decoration:underline;}

#LinkService {width: 240px; height: 70px; margin-top:20px;}
	#LinkService ul li{float:left; margin-bottom:5px;}
	.Select001{width:198px; height:20px; background-color:#f1f9fe; border:1px solid #9dbdd0; font-size:12px; color:#444;}
	.btn_go{margin-left:2px;}


/*알림이*/
#A_news {position: relative; width: 430px; height: 43px;}
	#A_news ul {position:absolute; top:12px; left:15px;}
	#A_news ul li{float:left;}
	.N_alrim {border-top:1px solid #5abe29; border-right:1px solid #2d8a0c; border-bottom:1px solid #2d8a0c; border-left:1px solid #5abe29; background-color:#FFF; width:280px; height:15px; padding:2px 5px; margin: 0px 5px 0 6px; color:#666;}

/*새로운검색*/
#NewSearch {
background: url(/site/main/img/main_bg_newsearch.gif) top left no-repeat;
position: relative;
width: 430px;
height: 67px;
margin-top: 10px;
}
	#NS_top {position:absolute; top:10px; left:15px;}
	#NS_top li{float:left; vertical-align: middle;}

	#S_Chk_1 {margin-top:3px; color:#666;}
	#S_Chk_1 input{float:left; _margin:-4px;}/*익스6 핵*/
		*:first-child+html #S_Chk_1 input{float:left; margin:-3px;}/*익스7 핵*/

	#S_Chk_2 {margin-top:3px; margin-left:6px; color:#666;}
	#S_Chk_2 input{float:left; _margin:-4px;}/*익스6 핵*/
		*:first-child+html #S_Chk_2 input{float:left; margin:-3px;}/*익스7 핵*/
	.NS_input {width:160px; font-size:11px; color:#777; height:14px; background-color:#FFF; border:1px solid #c9caca; width:200px; padding-top:2px; padding-left:5px; padding-right:5px;}

	#NS_bottom {position:absolute; top:45px; left:18px; width:390px;}
	#NS_bottom li{float:left; vertical-align: middle; color:#555;}
	#NS_bottom li img {float:none; vertical-align: middle;}



#Search {position: relative; width: 430px;height: 62px;background:url(/site/main/img/mainmiddle_bg_001.gif) top left no-repeat;}
	#Search ul li{float:left;}
	.input001 {background-color: transparent; border: solid 0px;width: 200px;height: 19px; color: #1186dd;}
	#searchbar{}
		#searchbar ul {position: relative; top:3px; left:32px;}
		#searchbar ul li{height:25px; float:left;}
		.Sb01 {width:100px; padding-top:5px; text-align:center;}
		.Sb02 {width:205px;}
		.Slnput {width:195px; height:18px; background-color: transparent; border:0px solid #000;  margin-left:5px; margin-top:3px;}
	#SelectBox {width:100px; border:1px solid #117fdd; position:absolute; z-index:50; top:25px; left:0px; float:left; background-color:#e7f0f8;}
		#SelectBox ul {padding:3px 5px; float:left; position:relative; top:0px; left:0px;}
		#SelectBox ul li {width:85px; height:18px;}


#issue {float:left; margin-top:8px; margin-left:6px; width:200px;}
	#issue img {vertical-align:middle;}
#best {float:right; margin-top:8px; margin-right:6px; width:200px;}
	#best img {vertical-align:middle;}


#FlashBanner {width: 436px; height:96px; margin-top:18px; z-index: 5;}


#News {position:relative; width: 430px; margin-top: 20px; height:140px; overflow:hidden;}
	#NewsTit {background:url(/site/main/img/main_bg_002.gif) top left no-repeat; height:25px;}
		#NewsTit ul {float:right;}
		#NewsTit ul li{float:left; margin-left:2px;}
	#NewsList {margin-top:12px;}
		#NewsImg {width:142px; height:96px; float:left; border:3px solid #e7e7e7;}
		#NewsTxt{width:268px; float:right;}
		.Txttit{height:20px; background-color:#f1f6fa; padding-top:4px; padding-left:5px;}
		.Txtcon{padding:7px; line-height:130%;}
	#MovieList {margin-top:12px; display:none;}
		#MovieImg {width:142px; height:96px; float:left; border:3px solid #e7e7e7;}
		#NewsTxt{width:268px; float:right;}
		.Txttit{height:20px; background-color:#f1f6fa; padding-top:4px; padding-left:5px;}
		.Txtcon{padding:7px; line-height:130%;}



#Notice {position:relative; width:430px; margin-top:20px; height:130px; overflow:hidden;}
	#NoticeTit {float:left;}
	#NoticeTit ul li {float:left;}
	#NoticeTit img {float:left;}
#List {padding-top:12px; float:left; height:90px;}
	#List ul li {	width:430px; height: 20px; float:left;}
	#List a {float:left; display:block; color: #666; margin:0; padding:0;}
	#List a:hover{color: #000; text-decoration:none;}
	.Bul001 { float: left; margin: 4px 5px 0px 2px; }
	.Text001 {float: left; }
	.New { float: left; margin-top: 2px; margin-left:5px;}
	.Date { float: right; color: #a29f9f; padding-right: 3px;}

#List1 {padding-top:12px; float:left; display:block; height:90px;}
	#List1 ul li {	width:430px; height: 20px; float:left;}
	#List1 a {float:left; display:block; color: #666; margin:0; padding:0;}
	#List1 a:hover{color: #000; text-decoration:none;}
	.Bul001 { float: left; margin: 4px 5px 0px 2px; }
	.Text001 {float: left; }
	.New { float: left; margin-top: 2px; margin-left:5px;}
	.Date { float: right; color: #a29f9f; padding-right: 3px;}

#List2 {padding-top:12px; float:left; display:none; height:90px;}
	#List2 ul li {	width:430px; height: 20px; float:left;}
	#List2 a {float:left; display:block; color: #666; margin:0; padding:0;}
	#List2 a:hover{color: #000; text-decoration:none;}
	.Bul001 { float: left; margin: 4px 5px 0px 2px; }
	.Text001 {float: left; }
	.New { float: left; margin-top: 2px; margin-left:5px;}
	.Date { float: right; color: #a29f9f; padding-right: 3px;}

#List3 {padding-top:12px; float:left; display:none; height:90px;}
	#List3 ul li {	width:430px; height: 20px; float:left;}
	#List3 a {float:left; display:block; color: #666; margin:0; padding:0;}
	#List3 a:hover{color: #000; text-decoration:none;}
	.Bul001 { float: left; margin: 4px 5px 0px 2px; }
	.Text001 {float: left; }
	.New { float: left; margin-top: 2px; margin-left:5px;}
	.Date { float: right; color: #a29f9f; padding-right: 3px;}


#List4 {padding-top:12px; float:left; display:none; height:90px;}
	#List4 ul li {	width:430px; height: 20px; float:left;}
	#List4 a {float:left; display:block; color: #666; margin:0; padding:0;}
	#List4 a:hover{color: #000; text-decoration:none;}
	.Bul001 { float: left; margin: 4px 5px 0px 2px; }
	.Text001 {float: left; }
	.New { float: left; margin-top: 2px; margin-left:5px;}
	.Date { float: right; color: #a29f9f; padding-right: 3px;}

#List5 {padding-top:12px; float:left; display:none; height:90px;}
	#List5 ul li {width:430px; height: 20px; float:left;}
	#List5 a {float:left; display:block; color: #666; margin:0; padding:0;}
	#List5 a:hover{color: #000; text-decoration:none;}
	.Bul001 { float: left; margin: 4px 5px 0px 2px; }
	.Text001 {float: left; }
	.New { float: left; margin-top: 2px; margin-left:5px;}
	.Date { float: right; color: #a29f9f; padding-right: 3px;}

/*
#List3 {padding-top:12x; float:left; display:none; height:92px;}
	#List3 ul li {	width:430px; height: 20px; float:left;}
	#List3 a {float:left; display:block; color: #666; margin:0; padding:0;}
	#List3 a:hover{color: #000; text-decoration:none;}
	.Bul001 { float: left; margin: 4px 5px 0px 2px; }
	.Text001 {float: left; }
	.New { float: left; margin-top: 2px; margin-left:5px;}
	.Date { float: right; color: #a29f9f; padding-right: 3px;}


#List4 {padding-top:12x; float:left; display:none; height:92px; border:1px solid #000;}
	#List4 ul li {	width:430px; height: 20px; float:left;}
	#List4 a {float:left; display:block; color: #666; margin:0; padding:0;}
	#List4 a:hover{color: #000; text-decoration:none;}
	.Bul001 { float: left; margin: 4px 5px 0px 2px; }
	.Text001 {float: left; }
	.New { float: left; margin-top: 2px; margin-left:5px;}
	.Date { float: right; color: #a29f9f; padding-right: 3px;}*/



#BestBanner {position:relative; float:left; width: 430px;height:60px; margin-top:20px;}
	#BestBanner ul {overflow:hidden;}
	#BestBanner ul li{float:left; margin-left:5px;}



#Village {position:relative; float:left; width: 430px;height: 50px; margin-top:12px;}
	#Villag dl, dt, dd {float:left;}


#Popup {width: 240px;height: 185px;background: url(/site/main/img/mainright_001.gif) top left no-repeat;}
	#Popup ul li, img {float: left;}
	.btn_pop01 { margin: 8px 0px 0px 156px;}
	.btn_pop02 { margin-top: 8px;}
	.imgbdr {background-color:#FFF; border:1px solid #bce2fe; width:220px; height:144px; position:relative; top:2px; left:9px;}


#PopView{position:absolute; width:728px; height:713px; top:140px; left:5px; z-index:99;}
#PopBg{position:absolute; top:0px; left:0px;}
#PopTit{position:absolute; top:26px; left:24px;}
#PopBtn{position:absolute; top:14px; right:11px;}
#PopList{position:absolute; width:680px; top:80px; left:24px;}
.ulPop li {margin:0px; padding:0px; list-style:none; line-height:120%; vertical-align: top; /* for IE imge margin */ float:left; margin-bottom:10px;}


#Alim {width: 240px; height: 115px; padding-top:15px;}

#Special {background:url(/site/main/img/mainright_013.gif) top left no-repeat; width:240px; height:120px; margin-top:15px;}
	#Special ul {top:6px; left:6px; float:left; position:relative;}

#Guide{margin-top:15px;  overflow:hidden;  float:left;}
	#Theme {float:left; width:119px; height:74px; background-color:#f1f6fa; margin-bottom:3px;}
	#Cultural {float:right;width:119px; height:74px; background-color:#f1f6fa; margin-bottom:3px;}
	#Festival {float:left; width:119px; height:74px; background-color:#f1f6fa;}
	#Travel {float:right;width:119px; height:74px; background-color:#f1f6fa;}
	.Gud_MAB {margin-bottom:5px;}
#Guide dl dd {width:110px;}