@import url('global.css');

html, body {height:100%;}

#container {width:100%; min-height:100%; _height:100%;}

	#topBanner {margin:0px; width:100%; boder-top:0px solid #000000;}
		div.banner {margin:0 auto; width:945px; height:85px;}

	/*2010 ¿À¸¥ÂÊ½ºÄ«ÀÌ½ºÅ©·¡ÆÛ*/
		div.skyscraperwrap {position:fixed; _position:absolute; z-index:300; margin:157px 0 0 955px; margin:157px 0 0 955px\9; width:66px;}/*1160  background-color:red;  */
		div.skyscraperwrap h4.line {float:left; width:100%; margin:10px 0 0 0;  height:1px; border-bottom:1px solid #DFDFDF;}
		div.skyscraperwrap div.tit{float:left; width:100%; margin:10px 0 0 0;}
		div.skyscraperwrap div.tit h3{float:left; margin:0;}
		div.skyscraperwrap div.tit div.btn{float:right; padding-top:0px; padding-top:2px; height:7px;}
		div.skyscraperwrap div.tit div.historyimg {float:left; width:60px; height:60px; margin:5px 0 0 3px;}
		div.skyscraperwrap div.tit div.historyimg a {float:left; width:58px; height:58px; border:1px solid #dfdfdf;}

	#header {margin-top:0px; width:100%; height:121px; background:url(/v3/img/common/top_menu_bar_2.gif) repeat-x left top;}
		div.headwrap {margin:0 auto; width:945px;}
		div.headwrap div.gnbwarp {width:100%; height:86px;}
		div.headwrap div.gnbwarp div.logo {float:left; margin-top:21px;}

		div.headwrap div.gnbwarp div.rightmenu{float:right; width:580px;}

		div.headwrap div.gnbwarp div.rightmenu div.favorite {float:right; width:100%; height:10px; text-align:right; margin-top:10px;}
		div.headwrap div.gnbwarp div.rightmenu div.favorite dl dd {float:right; vertical-align:top;}

		div.headwrap div.gnbwarp div.rightmenu div.wrap div.right{float:right; width:295px; margin-top:8px;  margin-bottom:4px; margin-left:8px;}

		div.headwrap div.gnbwarp div.rightmenu div.wrap div.right div.etcmenu {float:left; }
		div.headwrap div.gnbwarp div.rightmenu div.wrap div.right div.etcmenu dl {float:left; margin-top:2px; /* background:url(../images/common/v_line20.gif) no-repeat right center;*/}
		div.headwrap div.gnbwarp div.rightmenu div.wrap div.right div.etcmenu dl dd {float:left; padding:1px 5px 0 6px; background:url(/v3/img/common/v_line20.gif) no-repeat left top;}
		div.headwrap div.gnbwarp div.rightmenu div.wrap div.right div.etcmenu dl dd img {vertical-align:top;}

		div.headwrap div.gnbwarp div.rightmenu div.wrap div.log{float:right; height:30px; }
		div.headwrap div.gnbwarp div.rightmenu div.wrap div.log dl.gnbmenu {float:right; margin-top:11px;}
		div.headwrap div.gnbwarp div.rightmenu div.wrap div.log dl.gnbmenu dt {float:left; color:#572439; font-size:11px;}
		div.headwrap div.gnbwarp div.rightmenu div.wrap div.log dl.gnbmenu dd {float:left; padding:3px 0 0 15px; height:9px; background:url(/v3/img/common/ico_bu01.gif) no-repeat 7px 4px;}
		div.headwrap div.gnbwarp div.rightmenu div.wrap div.log dl.gnbmenu dd.fir {padding-left:16px; background-position:8px 4px;}
		div.headwrap div.gnbwarp div.rightmenu div.wrap div.log dl.gnbmenu dd img {vertical-align:top;}

		div.headwrap div.gnbwarp div.rightmenu div.wrap div.right div.gnbsearch {float:right; margin-top:0px; padding:0 0 0 10px; width:151px; height:19px; background:url(/v3/img/common/top_search_bg2.gif) no-repeat left top;}
		div.headwrap div.gnbwarp div.rightmenu div.wrap div.right div.gnbsearch input {#margin:-1px 0; padding:4px 5px 0 5px; width:83px; height:19px; border:0; font-size:11px; color:#474747; background:url(/v3/img/common/ico_bu02.gif) no-repeat left 7px;}

		div.headwrap div.gnbwarp div.rightmenu div.keyword {float:right; width:100%; text-align:right; margin-top:8px;}
		div.headwrap div.gnbwarp div.rightmenu div.keyword dl dd{float:right; margin-left:10px;}

		/*ul.topmenu {margin-top:5px; width:100%;}*/

		/*201001¼öÁ¤*/
		ul.topmenu {margin-top:0px; width:100%; background-color:#;}

		/* ¸¶¿ì½º ¿À¹ö / ¾Æ¿ô ºÎºÐ 201001¼öÁ¤ */
		ul.topmenu li div.menu {float:left; position:absolute; z-index:100; margin-top:29px; padding-top:4px; padding-bottom:0px;}
		ul.topmenu li div.inactive {float:left; display:none;}
		ul.topmenu li {float:left; background:url(/v3/img/common/v_line29.gif) no-repeat left top; padding-left:1px;padding-right:0px;}
		ul.topmenu li img {padding-bottom:0px;}
		ul.topmenu li.fir {padding-left:0px; background:none;}		
		ul.topmenu li dl dd {float:left;height:20px;padding-top:7px; margin-top:0px;padding-right:20px;/*ÇÏ´Ü¸Þ´º ÅØ½ºÆ®¿©¹é*/}
		ul.topmenu li dl dd a {/*display:block;*/}
		
		ul.topmenu li#menu1 div{width: 300px;}
		ul.topmenu li#menu2 div{width: 300px;}
		ul.topmenu li#menu3 div{width: 600px;}
		ul.topmenu li#menu4 div{width: 500px;}
		ul.topmenu li#menu5 div{width: 600px; /*margin-left:-165px;*/}
		ul.topmenu li#menu6 div{}
		ul.topmenu li#menu7 div{}
		ul.topmenu li#menu8 div{}
		ul.topmenu li#menu9 div{width: 400px; margin-left:-89px;}

		ul.topmenu li.line {float:left; background:url(/v3/img/common/v_line30.gif) no-repeat left top; padding-left:1px;padding-right:0px;}

	#subMenu {width:100%; height:25px;}

	#contents {position:relative; margin:0px auto 20px; width:945px;}
	#contents:after {content:"."; display:block; height:0; font:0/0 arial; clear:both; visibility:hidden;} /* ff hack */
		div.wingingbg {position:absolute; z-index:-1; margin:0 -32px 0 -26px; width:1003px; height:229px; background:url(/v3/img/main/contents_bg.gif) no-repeat left top;}
		div.leftwrap {float:left; width:680px;}
		div.leftbanner {position:absolute; z-index:20; width:680px;}
		div.rightwrap {float:right; width:260px;}

	#footer {width:100%; height:24px; border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; background:#EEE;}
		div.footerwrap {margin:0 auto; width:945px;}
		div.footerwrap ul {float:left; padding:7px 0 0; width:610px;}/* 090603 ¿Â¶óÀÎ µ¶ÀÚÄ«µå ¸Þ´º¼öÁ¤*/
		div.footerwrap ul li {float:left; padding-right:24px;}
		div.footerwrap div.online {float:left; padding-top:7px; width:150px; height:17px; border-left:1px solid #DFDFDF; text-align:center;}/* 090603 ¿Â¶óÀÎ µ¶ÀÚÄ«µå ¸Þ´º¼öÁ¤*/
		div.footerwrap div.mail {float:left; padding-top:7px; width:100px; height:17px; border-left:1px solid #DFDFDF; text-align:center;}/* 090603 ¿Â¶óÀÎ µ¶ÀÚÄ«µå ¸Þ´º¼öÁ¤*/
		div.footerwrap div.zine {float:left; padding-top:7px; width:80px; height:17px; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; text-align:center;}/* 090603 ¿Â¶óÀÎ µ¶ÀÚÄ«µå ¸Þ´º¼öÁ¤*/

	#copyright {margin:0 auto; padding-top:7px; width:945px; height:77px; text-align:right;}
		#copyright div.address{float:right; padding-top:5px;}
		#copyright div.link{float:right; padding: 0 0 0 20px; background:url(/v3/img/common/v_line02.gif) no-repeat 10px 4px;}
		#copyright div.safemoney {clear:both; padding-top:19px; height:44px; text-align:right;}


/* top banner */
dl.topBanner {position:relative; width:100%; height:186px;}
dl.topBanner dd.prev {position:absolute; left:0; top:1px; z-index:10; width:32px; height:185px;}
dl.topBanner dd.prev a {display:block; width:27px; height:185px; background:url(/v3/img/btn/btn_space.gif) no-repeat left center;}
dl.topBanner dd.prev a:hover {background:url(/v3/img/btn/btn_arrow_left16.png) no-repeat left center; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn/btn_arrow_left16.png', sizingMethod='crop');}

dl.topBanner dd.next {position:absolute; right:1px; top:1px;}
dl.topBanner dd.next a {display:block; width:27px; height:185px; background:url(/v3/img/btn/btn_space.gif) no-repeat left center;}
dl.topBanner dd.next a:hover {background:url(/v3/img/btn/btn_arrow_right16.png) no-repeat left center; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn/btn_arrow_right16.png', sizingMethod='crop');}
dl.topBanner dd.img {position:relative; width:679px; height:185px; border-top:1px solid #C9C9C9; border-right:1px solid #C9C9C9;}
dl.topBanner dd img {vertical-align:top;}


/* search */
div.mainsearch {margin:7px 0; width:100%; height:30px;}
div.mainsearch div.inp {float:left; padding:1px; width:379px; border:3px solid #7D7D7D;}
div.mainsearch div.inp input {#margin:-1px 0; padding:5px 0 0 17px; width:294px; height:17px; color:#7C7C7C; border:0; vertical-align:top; background:url(/v3/img/common/ico_bu28.gif) no-repeat 4px 8px;}
div.mainsearch dl.recommend {float:left; padding:9px 0 0 19px; background:url(/v3/img/common/v_line21.gif) no-repeat 9px 6px; width:244px;}
div.mainsearch dl.recommend dt {float:left; padding-right:11px;}
div.mainsearch dl.recommend dd {float:left; padding-top:1px; color:#7C7C7C;}
div.mainsearch dl.recommend dd a {color:#7C7C7C;}
div.mainsearch dl.recommend dd a:hover {color:#572439;}

/* left area - 201008 div.inwrapleft div.box ul.listb li - text-overflow:ellipsis;white-space:nowrap; Ãß°¡*/
div.inwrapleft {float:left; width:158px; border:1px solid #CBCBCB;}
div.inwrapleft div.line {overflow:hidden; height:0; border-bottom:1px solid #CBCBCB;}
div.inwrapleft div.box {margin:2px; background:#EDEDED;}
div.inwrapleft div.box h1 {float:left; margin:0; height:19px;}
div.inwrapleft div.box div.rollingbtn {float:right; padding:8px 6px 0 0; font-size:0;}
div.inwrapleft div.box div.morbtn {float:left; padding:10px 0 0 13px; font-size:0;}
div.inwrapleft div.box ul.lista {clear:both; padding:0px 0 8px 7px; width:147px;}
div.inwrapleft div.box ul.lista li {padding:6px 0 0 6px; #padding:5px 0 0 6px; font-size:11px; background:url(/v3/img/common/ico_bu08.gif) no-repeat left 10px;}
div.inwrapleft div.box ul.lista li a {color:#515151;}
div.inwrapleft div.box ul.lista li a:hover {font-weight:bold;}
div.inwrapleft div.box ul.listb {clear:both; padding:0px 0 8px 7px; width:147px;}
div.inwrapleft div.box ul.listb li {padding:5px 0 0 6px; #padding:4px 0 0 6px; font-size:11px; background:url(/v3/img/common/ico_bu08.gif) no-repeat left 10px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

/* left area 20100118 editors pick*/
div.inwrapleft div.box dl {float:left; width:144px; margin/**/:0px 5px 0px 5px; _margin:0px 0px 0px 3px; background-color:#;}
div.inwrapleft div.box dl dt {float:left; border:1px solid #DFDFDF; height:65px; width:65px;}
div.inwrapleft div.box dl dt.photo a{display:block; height:63px; width:63px;}
div.inwrapleft div.box dl dd {float:left;}
div.inwrapleft div.box dl ul li.txtA {font-family:tahoma; text-transform: uppercase; color:#8c674d; font-size:10px; margin:25px 0 0 5px; height:20px; #width:px; width:72px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; line-height:18px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div.inwrapleft div.box dl ul li.txtA a{color:#8c674d;}
div.inwrapleft div.box dl ul li.txtA a:hover{color:#572439;}
div.inwrapleft div.box dl ul li.txtB {font-family:??; color:#a48671 ; font-size:11px; margin:4px 0px 0px 5px; height:15px; #width:px; width:72px; line-height:15px; border-bottom:1px solid #dcdcdc; } 
div.inwrapleft div.box dl ul li.txtB b{font-family:tahoma; font-size:10px;}
div.inwrapleft div.box ul.txtC {clear:both; font-size:11px; width:144px; height:20px; padding:5px 0 8px 5px; line-height:14px; overflow:hidden;text-overflow:ellipsis;white-space:wrap;}

/* right area */
div.inwrapright {float:left; margin-left:5px; padding:25px 19px 0 20px; width:474px; height:505px; border:1px solid #CBCBCB;}
div.wrapa {float:left; width:294px;}
div.wrapb {float:right; width:160px;}

h1.title {margin:0; height:15px; border-bottom:1px solid #C0C0C0;}
h1.bdnone {border:0;}
div.more {float:right; margin-top:-13px; font-size:0;}
div.more img {vertical-align:top;}

div.bestnews {margin:5px 0 0; width:100%; height:125px;}
div.bestnews div.photo {float:left; margin-right:8px; width:118px; height:98px; border:1px solid #E4E4E4;}
div.bestnews div.photo a {display:block; width:118px; height:98px;}
div.bestnews dl {float:left; overflow:hidden; padding-top:22px; width:346px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
div.bestnews dl dd {padding-top:5px;}
div.bestnews dl dd img {margin-bottom:-2px;}
div.bestnews dl dd a {padding-left:8px; color:#676767; background:url(/v3/img/common/ico_bu30.gif) no-repeat left 5px;}
div.bestnews dl dd a:hover {color:#4C4C4C; font-weight:bold; background:url(/v3/img/common/ico_bu29.gif) no-repeat left 5px;}
div.bestnews dl dd a.current, div.bestnews dl dd a.current:hover {color:#4C4C4C; font-weight:bold; background:url(/v3/img/common/ico_bu29.gif) no-repeat left 5px;}

ul.hotspot {margin-left:-4px; padding-top:5px; width:298px;}
ul.hotspot li {display:inline; float:left; padding-left:4px; width:145px; height:189px; line-height:16px; font-size:11px; letter-spacing:-0.1em;}
ul.hotspot li a.photo {display:block; margin-bottom:4px; width:143px; height:113px; border:1px solid #E4E4E4;}
ul.hotspot li strong {color:#4D4D4D;}
ul.hotspot li a {color:#747474;}
ul.hotspot li a:hover {color:#572439;}

ul.item {padding-top:5px; width:100%;}
ul.item li {width:160px; height:189px; line-height:16px; font-size:11px;}
ul.item li a.photo {display:block; margin-bottom:4px; width:158px; height:113px; border:1px solid #E4E4E4;}
ul.item li strong {color:#4D4D4D;}
ul.item li a {color:#747474;}
ul.item li a:hover {color:#572439;}

ul.hipidea {clear:both; float:left; margin-top:4px; width:100%;}
ul.hipidea li {margin-top:9px; padding-left:10px; background:url(/v3/img/common/ico_bu31.gif) no-repeat left 6px; #background:url(/v3/img/common/ico_bu31.gif) no-repeat left 5px;}
ul.hipidea li strong {font-size:9px; font-family:tahoma; color:#5C5C5C;}
ul.hipidea li a {color:#747474;}
ul.hipidea li a:hover {color:#572439;}

div.rbannera {margin-bottom:20px;}
div.rbannerb {margin-bottom:4px;}

dl.channel {padding:13px 21px 0; height:227px; background-color:#000;}
dl.channel dt {float:left; height:15px;}
dl.channel dt img {float:left; }
dl.channel dt div.btn {float:right;}
dl.channel dd div.movie {float:left; height:167px;}
dl.channel dd div.txt {margin-top:5px; line-height:14px; font-size:11px; color:#BBAA87;}
dl.channel dd div.txt a, dl.channel dd div.txt a:hover {color:#BBAA87;}

dl.quicklink {margin-top:6px; padding:12px 10px 0; height:102px; border:1px solid #C5C5C5; background-color:#EDEDED;}
dl.quicklink dt {height:17px}
dl.quicklink dd {position:relative; margin-bottom:3px; height:23px;}
dl.quicklink dd div.selbox {float:left; padding-left:10px; width:226px; height:21px; border:1px solid #BBB; background:#FFF;}
dl.quicklink dd div.selbox span.txtwrap {float:left; padding-top:5px; width:199px; font-size:11px; font-weight:bold; color:#717171;}
dl.quicklink dd div.selbox img.ico {float:right;}

ul.selectora {display:none; position:absolute; z-index:100; overflow-y:scroll; left:0; margin-top:24px; padding-bottom:2px; width:236px; height:55px; border:1px solid #CBCBCB; background:#FFF;}
ul.selectora li {padding:5px 0 0 10px; font-size:11px;}
ul.selectora li a, ul.selector li a:link, ul.selector li a:visited {color:#717171;}
ul.selectora li a:hover, ul.selector li a:active {color:#572439;}

ul.selectorb {display:none; position:absolute; z-index:100; overflow-y:scroll; left:0; margin-top:24px; padding-bottom:2px; width:236px; height:38px; border:1px solid #CBCBCB; background:#FFF;}
ul.selectorb li {padding:5px 0 0 10px; font-size:11px;}
ul.selectorb li a, ul.selector li a:link, ul.selector li a:visited {color:#717171;}
ul.selectorb li a:hover, ul.selector li a:active {color:#572439;}

/*201004¸ÞÀÎ ÆË¾÷¹è³Ê*/
div.mainpopbannerA {position:absolute; z-index:100; margin:-25px 0 0 -20px;}

/*201005¸ÞÀÎ ¿ÍÄ¡¹è³Ê*/
div.mainpopbannerB{position:absolute; z-index:100; margin:-210px 0 0 330px; }
* html div.mainpopbannerB img.png24{tmp:expression(setPng24(this)); position:relative;}
* html div.mainpopbannerB img.ie6_mapfix{position:absolute; top:0; left:0;}

div.mainpopbannerB img.png24{tmp:expression();}
div.mainpopbannerB img.ie6_mapfix{position:absolute; top:0; left:0;}

/*201009 ¹ö¹ö¸®°¡·Î945*/
div.mainpopbannerC {position:absolute; z-index:200; margin:0px 0 0 0px; width:945px; height:640px; /*background:url(../images/AD/burberry_bg01.jpg) no-repeat left;*/}
