@import url('common.css');

/* layout */
#wrap{position:relative; width:100%; background:url(/images/main/mainbgline.jpg) repeat-x;}
#header{float:left; width:100%; height:304px; border-bottom:5px solid #80a1ca; background:url(/images/main/main_visual.jpg) no-repeat;}

/* search */
#mainSearch{position:relative; left:310px; top:-28px; width:630px; height:37px; padding-top:10px; background:url(/images/main/bg_search.gif) no-repeat;}
#mainSearch dl {float:left; margin-left:25px; _margin-left:10px;}
#mainSearch dl dt{display:inline; margin-right:10px;}
#mainSearch dl dd{display:inline;}
#mainSearch dl dd select, input{ font-size:12px; color:#969696;}
#mainSearch dl dd .none{border:none;}
#mainSearch ul{float:right; margin: 5px 25px 0 0;}
#mainSearch ul li {display:inline; padding:0 15px 0 5px; background:url(/images/common/lnd_bar.gif) no-repeat right 2px;}
#mainSearch ul .none{background:none;}
#SiteSearch{border:1px solid #cbcbcb;}
#msearchtxt{border:1px solid #cbcbcb; background:url(/images/sub/sub_searchtxt.gif) no-repeat 3px top;}


/* relatedsite */
#relatedSite{float:left; position:relative; left:20px; top:-75px; width:255px; height:47px; padding:0 0 0 28px; background:url(/images/main/bg_relatedsite.gif) no-repeat; }
#scroll_div{float:left; position:relative; width:200px; height:33px; overflow:hidden;}
#scroll_div div{width:100px; position: absolute; top:6px;}
#relatedSite .sitebtnl {position:absolute; left:15px; top:6px;}
#relatedSite .sitebtnr {position:absolute; left:230px; top:6px;}

/* container */
#container{float:left; margin-top:-60px; width:980px;}

/* container1 */
#contents1 {float:left; width:262px; margin-left:20px; _margin-left:10px;}
#map1 li{float:left; margin-bottom:3px; font-size:0px; line-height:0px;}
#map2 {margin-bottom:3px; *margin-bottom:2px;}
#map2 ul {float:left; padding:7px 5px 5px 8px;}
#map2 li{float:left; padding-left:6px; font-size:0.9em; background:url(/images/icon/bullet_square1.gif) no-repeat left 5px;}
#map2 .line{width:110px; padding-right:5px; border-right:1px solid #f0f0f0;}

#discomfort li{float:left; font-size:0px; line-height:0px;}
#linetxt1 {float:left; margin-top:5px; font-size:0.9em; letter-spacing:0.003em;}
#linetxt1 .txtbg1{position:relative; width:262px; height:20px; padding:5px 0 3px 2px;  background:url(/images/main/bg_ad1.gif) no-repeat;}
#linetxt1 .txtbg1 input{position:absolute; right:5px; top:6px;}
#linetxt1 .txtbg2{position:relative; width:262px; height:20px; padding:5px 0 0 2px; letter-spacing:0.003em; background:url(/images/main/bg_ad2.gif) no-repeat;}
#linetxt1 .txtbg2 input{position:absolute; right:5px; top:6px;}

/* container2 */
#contents2{float:left; width:431px; margin-left:28px; _margin-left:26px;}
#dbList{position:relative; width:431px; height:128px; background:url(/images/main/bg_newsline.gif) repeat-x left top;}
#dbList h3 {float:left; display:block; height:19px; width:67px; padding-top:7px; text-align:center;font-size:0.9em; background:url(/images/main/bg_news_off.gif) no-repeat; color:#3e3e3e;}
#dbList h3 a{display:block; color:#3e3e3e;}
#dbList h3 a:hover{text-decoration:none;}
#dbList .txtpo {width:74px; font-weight:bold; background:url(/images/main/bg_news_on.gif) no-repeat;}
#dbList .txtpo a{color:#546fb6;}

#dbList ul.tabnew_txt{overflow:hidden; float:left; position:absolute; left:0px; top:38px; width:100%;}
#dbList ul.tabnew_txt li{width:100%; clear:both; padding-left:6px; line-height:22px; *line-height:18px;}
#dbList ul.tabnew_txt li a{float:left; padding-left:7px; overflow:hidden;  background:url(/images/icon/bullet_square2.gif) no-repeat 0px 6px;}
#dbList ul.tabnew_txt img{float:left; margin-top:5px; margin-left:3px;}
#dbList ul.tabnew_txt li span{float:right; padding-right:15px;}

#tabnew_2, #tabnew_3, #tabnew_4, #tabnew_5{display:none;}
#more_2, #more_3, #more_4, #more_5{display:none;}
#dbList .btnmore {position:absolute; right:0px; top:10px; font-size:11px; padding-right:8px; background:url(/images/icon/bullet_arrow1.gif) no-repeat right 1px;}

#newsEvent {float:left; position:relative; width:431px; height:112px;}
#newsEvent dl{float:left;}
#newsEvent dl dt{margin-bottom:4px;}
#newsEvent dl dd{position:absolute; left:0px; top:50px; *top:52px;}
#newsEvent .eventbtn{float:right; }
#newsEvent li{display:inline;}

#contents2 .breaking{float:left; position:relative; width:431px; height:23px; padding:5px 0 0 5px; margin:5px 0 5px 0; background:url(/images/main/bg_ad3.gif) no-repeat 0 0;}
#contents2 .breaking ul {width:415px; height:23px;}
#contents2 .breaking ul li {display:inline}
#contents2 .breaking .title {float:left}
#contents2 .breaking .cont {float:left; margin:1px 0 0 10px;}
#contents2 .breaking .cont iframe {width:250px; height:18px;} 
#contents2 .breaking .btn {float:right;}
#contents2 .breaking .btn input{border:0;}
#contents2 .breakingbtn{position:absolute; right:7px; top:5px;}
#contents2 .button{float:left; line-height:0px; font-size:4px;}
#contents2 .button li{display:inline; height:39px;}


/* container3 */
#contents3{float:left; width:175px; padding-left:22px; _padding-left:17px;}
#movie{float:left; position:relative; top:0; width:161px; height:1%; padding:25px 0 0 14px; background:url(/images/main/box_movie2.gif) no-repeat left bottom;}
.bgb{margin-left:-14px; margin-bottom:3px; *height:117px; background:url(/images/main/box_movie3.gif) no-repeat right top;}
#movie h3{position:absolute; top:0px; text-align:center;}
h3#h1{width:86px;}
h3#h2{left:86px; width:86px; background:url(/images/main/box_movie3.gif) no-repeat right top;}

#movie dl{width:161px; padding-top:5px;}
#movie dl dt{width:154px; height:88px; margin-left:7px; padding:6px 0 0 7px; background:url(/images/main/box_movie4.gif) no-repeat;}
#movie dl dt img{width:147px; height:80px;}
#movie dl dd{width:147px; height:16px; margin:4px 0 0 7px; padding-left:18px; background:url(/images/icon/icon_tv.gif) no-repeat left top;}

#onlineBtn .onlineBtn {margin-top:5px;}
#onlineBtn .onlineBtn li{display:block;}
#onlineBtn .onlineBtn a{display:block; width:154px; height:23px; padding:7px 0 0 20px; background:url(/images/main/bg_btnbox.gif) no-repeat;}
#onlineBtn .onlineBtn a:hover{font-weight:bold; color:#5c5c5c; text-decoration:none;}

/* familySite */
#mainLink{float:left; width:934px; margin:17px 0 0 13px; _margin:17px 0 0 8px; background:url(/images/main/bx_link_mid.gif) repeat-y;}
#linkbg1{float:left; width:934px; background:url(/images/main/bx_link_top.gif) no-repeat left top;}
#linkbg2{float:left; width:934px; padding-top:5px; background:url(/images/main/bx_link_btm.gif) no-repeat left bottom;}

#familySite{float:left; position:relative;}
#familySite dl{width:425px; margin:0 10px 10px 25px; padding:15px 0 5px 0;}
#familySite dl dt{width:425px; height:20px; margin-bottom:8px; border-bottom:1px solid #aeaeae;}
#familySite dl dd{float:left; width:46%; padding:3px 4px 3px 6px; background:url(/images/icon/bullet_square2.gif) no-repeat left 7px;}
#familySite dl:after{content:""; display:block; clear:both;}
#familySite .familybtn{position:absolute; right:5px; top:17px; padding-right:10px; font-size:0.9em; background:url(/images/icon/bullet_arrow1.gif) no-repeat right 2px;}

#Favortes{float:left; position:relative;}
#Favortes dl{width:425px; margin:0 10px 10px 25px; padding:15px 0 5px 0;}
#Favortes dl dt{width:425px; height:20px; margin-bottom:8px; border-bottom:1px solid #aeaeae;}
#Favortes dl dd{float:left; width:46%; padding:3px 4px 3px 6px; background:url(/images/icon/bullet_square2.gif) no-repeat left 7px;}
#Favortes dl:after{content:""; display:block; clear:both;}
#Favortes .favormor{position:absolute; right:5px; top:17px; padding-right:10px; font-size:0.9em; background:url(/images/icon/bullet_arrow1.gif) no-repeat right 2px;}