@import url("layout.css");

body.main{background:#000 none;}
body.main_0419{background:#000 url(../images/main/body_bg.gif) repeat-x;}

/* 100518 worldcup gnb */
body.main_worldcup{background:#000 none;background:#000 url(../images/main/body_worldcup_allbg.jpg) no-repeat center top;}

/* maincon */
div.maincon{overflow:hidden;}

/* main_left */
div.main_left{float:left;width:756px;}

div.main_flash{width:756px;height:268px;}
/* main_right */
div.main_right{
	float:left;
	width:214px;
	padding:16px 0 0 0;
	background:url('../images/main/bg_rnb_01.gif') no-repeat left top;
}
div.main_right02{
	float:left;
	width:214px;
	padding:16px 0 0 0;
	background:url('../images/main/bg_rnb_02.gif') no-repeat left top;
}
div.rnb_btm{
	padding:0 0 14px 0;
	background:url('../images/main/bg_rnb_btm.gif') no-repeat left bottom;
}
div.new_update{margin:0 0 22px 19px;}
div.new_update h3{margin:0 0 11px 0;}
div.new_update ul.one_thumlist{margin:0 0 0 11px;}
/* 2009-09-14 one_thumlist li������ �࿡ text-overflow: ellipsis;overflow: hidden;white-space: nowrap; �߰�*/
div.new_update ul.one_thumlist li{width:149px;padding:1px 0 0 15px;font-family:dotum;height:19px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
div.new_update ul.one_thumlist li.list01{
	overflow:hidden;
	padding:0 0 0 15px;
	height:48px;
	background:url('../images/main/num_1.gif') no-repeat left 9px;
}
div.new_update ul.one_thumlist li.list01 dl{width:149px;}
div.new_update ul.one_thumlist li.list01 dl dt{float:left;}
div.new_update ul.one_thumlist li.list01 dl dd{float:left;padding:7px 0 0 6px;}
/* 2009-09-14 dd strong ������ �࿡ width:96px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; �߰�*/
div.new_update ul.one_thumlist li.list01 dl dd strong{
	display:block;
	height:17px;
	letter-spacing:-1px;
	width:96px;
	text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
}
div.new_update ul.one_thumlist li.list01 dl dd span{color:#777;font-size:11px;}
div.new_update ul.one_thumlist li.list02{background:url('../images/main/num_2.gif') no-repeat left 2px;}
div.new_update ul.one_thumlist li.list03{background:url('../images/main/num_3.gif') no-repeat left 2px;}
div.new_update ul.one_thumlist li.list04{background:url('../images/main/num_4.gif') no-repeat left 2px;}
div.new_update ul.one_thumlist li.list05{background:url('../images/main/num_5.gif') no-repeat left 2px;}
div.new_update ul.one_thumlist li.list06{background:url('../images/main/num_6.gif') no-repeat left 2px;}
div.new_update ul.one_thumlist li.list07{background:url('../images/main/num_7.gif') no-repeat left 2px;}
div.new_update ul.one_thumlist li.list08{background:url('../images/main/num_8.gif') no-repeat left 2px;}

/* tstore_recom */
div.tstore_recom{margin:0 0 22px 19px;}
div.tstore_recom h3{margin:0 0 6px 0;}
div.tstore_recom ul.thumlist{margin:0 0 0 10px;}
div.tstore_recom ul.thumlist li{width:165px;height:43px;padding:5px 0 0 0;overflow:hidden;}
div.tstore_recom dl.thumlist{}
div.tstore_recom dl.thumlist dt{float:left;}
div.tstore_recom dl.thumlist dd{float:left;padding:5px 0 0 7px;}
/* 2009-09-14 dd strong ������ �࿡ width:106px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; �߰�*/
div.tstore_recom dl.thumlist dd strong{
	display:block;
	height:19px;
	font-weight:normal;
	letter-spacing:-1px;
	width:106px;
	text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
}
/* 2009-09-14 dd span ������ �࿡ width:100px;  �߰�*/
div.tstore_recom dl.thumlist dd span.data{
	display:block;
	width:100px;
	text-align:right;
}
div.tstore_recom dl.thumlist dd span.info{float:left;color:#777;font-size:11px;font-family:dotum;}

/* notice_list */
div.notice_list{margin:0 0 0 19px;}
div.notice_list h3{margin:0 0 14px 0;}
div.notice_list ul.noticelist{margin:0 0 0 13px;}
div.notice_list ul.noticelist li{
	width:147px;
	line-height:14px;
	padding:0 0 9px 10px;
	background:url('../images/main/list_icon.gif') no-repeat left 4px;
}
div.notice_list ul.noticelist li img{vertical-align:middle;}

/* rnb_ban */
div.rnb_ban{background:#000;padding:15px 0 0 0;} /* 2010-02-08 �е� ���� 19px ���� */
div.rnb_ban p.rbn_ban01{margin:0 0 16px 15px;}/* 2009-09-14 ���Ʒ� ���� 16, 15px �߰� */

/* left_area */
div.left_area{overflow:hidden;}

/* main_lnb */
div.main_lnb{
	float:left;
	width:217px;
	background:url('../images/main/bg_lnb.gif') no-repeat left top;
}
div.main_lnb p.ban01{margin:0 0 20px 15px;}
div.lnb_btm{
	padding:0 0 14px 0;
	background:url('../images/main/bg_lnb_btm.gif') no-repeat left bottom;
}
div.btm_ban{width:217px;padding:16px 0 0 0;background:#000000;}
div.btm_ban p.btm_ban01{margin:0 0 16px 15px;}

/* main_con */
div.main_con{
	float:left;
	width:539px;
	background:url('../images/main/bg_main_con.gif') no-repeat left top;
}

/* h4_title */
div.h4_title{
	position:relative;
	top:0px;
	left:26px;
	width:498px;
	height:42px;
	background:url('../images/main/bg_h4_title.gif') no-repeat left bottom;
}
div.h4_title h4{position:absolute;top:20px;left:0px;}
div.h4_title ul{position:absolute;top:21px;right:10px;}
div.h4_title li{float:left;}

/* con_list01 */
div.con_list01{
	width:515px;
	padding:12px 0 0 0;
	margin:0 0 0 10px;
	border-bottom:1px dotted #212121;
}
div.h5_title{
	position:relative;
	top:0px;
	left:0px;
	height:19px;
}
div.h5_title h5{position:absolute;top:0px;left:16px;}
div.h5_title p.btn_more{position:absolute;top:1px;right:1px;}

/* thumbnail_list */
ul.thumbnail_list{overflow:hidden;}
ul.thumbnail_list li{float:left;height:123px;width:103px;overflow:hidden;background:url('../images/main/bg_thum_list.gif') no-repeat left top;}
ul.thumbnail_list li.first{background:none;}
ul.thumbnail_list dl.thum{}
ul.thumbnail_list dl.thum dt{width:90px;padding:0 0 0 12px;position:relative;}
ul.thumbnail_list dl.thum dt img.no_01{position:absolute;top:0px;left:11px;}
ul.thumbnail_list dl.thum dt img.ad19{position:absolute;bottom:6px;right:19px;}
ul.thumbnail_list dl.thum dd{padding:6px 0 0 5px;width:96px;}

/* 2009-09-14 dd.subject ������ �࿡ text-overflow: ellipsis;overflow: hidden;white-space: nowrap; �߰�*/
ul.thumbnail_list dl.thum dd.subject{text-align:center;font-family:dotum;letter-spacing:-1px;height:17px; font-weight:bold; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
ul.thumbnail_list dl.thum dd.data{
	width:78px;
	font-size:11px;
	color:#777;
	text-align:right;
	padding:0 0 0 17px;
	background:url('../images/main/bg_dw_icon.gif') no-repeat 7px 2px;
}
ul.thumbnail_list dl.thum dd.data span{float:left;}

/* lr_thum */
div.lr_thum{overflow:hidden;margin:13px 0 0 23px;padding:0 0 6px 0;width:515px;border-bottom:1px dotted #161616;}
div.lr_borno{border:none}
div.leftthum{float:left;width:244px;}
div.rightthum{float:left;width:225px;padding:0 0 0 19px;background:url('../images/main/bg_lrthum.gif') no-repeat left top;}

div.tit_area{width:244px;height:19px;position:relative;top:0px;left:0px;}
div.tit_area h5{position:absolute;top:0px;left:3px;}
div.tit_area p.more{position:absolute;top:2px;right:11px;}

div.lr_thum dl.lr_thum{overflow:hidden;height:78px;}
div.lr_thum dl.lr_thum dt{float:left;width:79px;position:relative;}
div.lr_thum dl.lr_thum dt img.ad19{position:absolute;right:8px;bottom:5px;}
div.lr_thum dl.lr_thum dt img.no_01{position:absolute;top:0xp;left:-1px;}
div.lr_thum dl.lr_thum dd{float:left;padding:7px 0 0 0;width:140px;}

/* 2009-09-14 dd strong ������ �࿡ width:140px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; �߰�*/
div.lr_thum dl.lr_thum dd strong{
	display:block;
	height:17px;
	font-family:dotum;
	letter-spacing:-1px;
	width:140px;
	text-overflow:ellipsis; overflow: hidden;white-space: nowrap;
	}
div.lr_thum dl.lr_thum dd span{
	display:block;
	height:16px;
	font-size:11px;
	padding:0 0 0 13px;
	background:url('../images/main/bg_dw_icon.gif') no-repeat left 2px;
}

/* popular_search - 2009-09-14 li width:150px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; �߰�*/
div.popular_search{padding:0 0 0 15px;}
div.popular_search h3{margin:0 0 13px 0;}
div.popular_search ul{margin:0 0 0 10px;}
div.popular_search li{padding:0 0 0 14px;letter-spacing:-1px;height:20px; width:150px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
div.popular_search li.list_1{background:transparent url('../images/main/num_1.gif') no-repeat left 2px;}
div.popular_search li.list_2{background:transparent url('../images/main/num_2.gif') no-repeat left 2px;}
div.popular_search li.list_3{background:transparent url('../images/main/num_3.gif') no-repeat left 2px;}
div.popular_search li.list_4{background:transparent url('../images/main/num_4.gif') no-repeat left 2px;}
div.popular_search li.list_5{background:transparent url('../images/main/num_5.gif') no-repeat left 2px;}
div.popular_search li.list_6{background:transparent url('../images/main/num_6.gif') no-repeat left 2px;}
div.popular_search li.list_7{background:transparent url('../images/main/num_7.gif') no-repeat left 2px;}
div.popular_search li.list_8{background:transparent url('../images/main/num_8.gif') no-repeat left 2px;}
div.popular_search li.list_9{background:transparent url('../images/main/num_9.gif') no-repeat left 2px;}
div.popular_search li.list_10{background:transparent url('../images/main/num_10.gif') no-repeat left 2px;}


/* sitemap_area */
div.sitemap_area{
	width:915px;
	padding:25px 0 0 22px;
	margin:20px 0 0 14px;
	font-family:dotum;
	background:url('../images/main/bg_sitemap.gif') no-repeat left top;
}
div.sitemap_area table td{vertical-align:top;}
div.sitemap_area table td a:link, div.sitemap_area table td a:visited, div.sitemap_area table td a:active{color:#999999;}
dl.sitemap_list{width:107px;}
dl.sitemap_list dt{
	width:90px;
	height:17px;
	padding:6px 0 0 11px;
	font-weight:bold;
	color:#777;
	background:url('../images/main/bg_sitemap_tit.gif') no-repeat left top;
}
dl.sitemap_list01{width:111px;margin:0 0 5px 0;}
dl.sitemap_list01 dt{
	width:90px;
	height:17px;
	padding:6px 0 0 11px;
	font-weight:bold;
	color:#777;
	background:url('../images/main/bg_sitemap_tit.gif') no-repeat left top;
}
dl.sitemap_list02{width:111px;margin:0 0 5px 0;}
dl.sitemap_list02 dt{
	width:134px;
	height:17px;
	padding:6px 0 0 11px;
	font-weight:bold;
	color:#777;
	background:url('../images/main/bg_sitemap_tit01.gif') no-repeat left top;
}
dl.sitemap_list dd{padding:7px 0 0 3px;}
dl.sitemap_list dd ul{}
dl.sitemap_list dd li{
	line-height:17px;
	padding:0 0 0 8px;
	background:url('../images/main/arrow_list.gif') no-repeat left 6px;
}
ul.sitemap_last{margin-top:-2px;}
ul.sitemap_last li{
	line-height:17px;
	padding:0 0 0 8px;
	background:url('../images/main/arrow_list.gif') no-repeat left 6px;
}



/* 20090929 BJP �߰� S */

ul.thumbnail_list02 {overflow:hidden;}
ul.thumbnail_list02 li{float:left;height:111px;width:103px;overflow:hidden;background:url('../images/main/bg_thum_list.gif') no-repeat left top;}
ul.thumbnail_list02 li.first{background:none;}
ul.thumbnail_list02 dl.thum{}
ul.thumbnail_list02 dl.thum dt{width:90px;padding:0 0 0 17px;position:relative;}
ul.thumbnail_list02 dl.thum dt img.no_01{position:absolute;top:0px;left:15px;}
ul.thumbnail_list02 dl.thum dt img.ad19{position:absolute;bottom:6px;right:19px;}
ul.thumbnail_list02 dl.thum dd{padding:6px 0 0 5px;width:96px;}
ul.thumbnail_list02 dl.thum dd.subject{text-align:center;font-family:dotum;letter-spacing:-1px;height:17px; font-weight:bold; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
ul.thumbnail_list02 dl.thum dd.data{
	width:78px;
	font-size:11px;
	color:#777;
	text-align:right;
	padding:0 0 0 17px;
	background:url('../images/main/bg_dw_icon.gif') no-repeat 7px 2px;
}
ul.thumbnail_list02 dl.thum dd.data span{float:left;}

ul.mina_btn_box { margin:0; padding-bottom:15px; }
ul.mina_btn_box li { margin:0; padding:0; float:left; }

/* 20090929 BJP �߰� E */



/* 100304 hgk추가 */
div.con_list_last{
	background:url('../images/main/main_video_bg.gif') no-repeat left top;
	width:515px;
	height:185px;
	margin-left:3px;
	/*margin:13px 0 0 23px;*/
	padding:15px 0 0 0;
	/*padding:12px 0 20px 0;
	margin:0 0 0 10px;*/	
}
/* thumbnail_list */
div.con_list_last ul.thumbnail_list{overflow:hidden; margin-left:20px;}
div.con_list_last ul.thumbnail_list li{float:left; height:167px;/* 100608 hgk height수정*/ width:99px; overflow:hidden; position:relative; border-right:1px dotted #2d2d2b;}
div.con_list_last ul.thumbnail_list li img.v_layer{position:absolute; top:0; left:0; z-index:100;}
div.con_list_last ul.thumbnail_list li.thum{width:99px; margin-right:18px; padding-right:12px;}
div.con_list_last ul.thumbnail_list li.thum1{width:99px; margin-right:0; padding:0; border:0;}
div.con_list_last ul.thumbnail_list li.thum strong, div.con_list_last ul.thumbnail_list li.thum1 strong{width:99px; display:block; margin-top:10px; text-align:center;text-overflow:ellipsis; overflow: hidden;white-space: nowrap;}
div.con_list_last ul.thumbnail_list li img.icon_19{position:absolute; top:122px; right:11px; z-index:101;}/* 100707 hgk 추가 */
div.con_list_last ul.thumbnail_list li.thum1 img.icon_19{position:absolute; top:122px; right:-1px; z-index:101;}/* 100712 hgk 추가 */

/* 100428 hgk 로그인 전 */
div.login{width:175px; margin:0 0 15px 19px; padding-bottom:15px; border-bottom:1px solid #202020;}
div.login label.hidden{display:none;}
div.login input{font-family:dotum, tahoma, AppleGothic; vertical-align:middle; color:#bababa;}
div.login img{vertical-align:middle;}
div.login input.uid, div.login input.upw{
	background:url('../images/main/bg_login_input.gif') no-repeat; border:0; width:100px; height:15px; margin-bottom:5px; @margin-bottom:3px; padding:5px 10px 0 10px; font-size:11px;}
div.login p.btn{float:right; width:50px; margin-top:-50px; @margin-top:-45px;}
div.login input.btn_login{width:49px; height:19px; margin-top:5px; @margin-top:7px; margin-left:2px;}
div.login p.user{font-size:11px; margin-top:5px; letter-spacing:-1px;}

div.m_login{margin:0 0 22px 19px;}
div.m_login img{vertical-align:middle;}
div.m_login div.phone_select{margin-right:3px; margin-bottom:5px; width:190px; height:22px; font-size:11px;color:#999;font-family:dotum;}
div.m_login div.phone_select div.select_01{width:55px; float:left; height:20px;}
div.m_login div.phone_01{float:left; width:42px; height:20px; padding:3px 5px 0 5px; background:transparent url('../images/main/bg_input_m_login01.gif') no-repeat left top;}
div.m_login div.phone_01 input{width:30px; height:12px; font-size:11px; color:#999; font-family:dotum; background:#222; border:0;}
div.m_login div.phone_02{float:left; width:50px; height:20px; padding:3px 5px 0 17px; background:transparent url('../images/main/bg_input_m_login02.gif') no-repeat left top;}
div.m_login div.phone_02 input{width:30px; height:12px; font-size:11px; color:#999; font-family:dotum; background:#222; border:0;}

/* selectbox area */
div.select_box{position:relative;z-index:10;}
div.select_box div.select_left, div.select_box div.select_right {float:left; height:22px;}
div.select_box div.select_bg {background:url('../images/main/m_login_select_bg.gif') repeat-x; float:left; @background-position:0 1px; width:55px; height:22px; position:relative; z-index:20;}
div.select_box span.select_title {position: absolute; z-index:100; left:8px; top:4px; @top:5px; font: normal 11px dotum; color:#999; cursor:pointer;}

div.select_box ul {
	width:85px; 
	height: 65px;
	background:#373737; 
	border:1px solid #464646; 
	position:absolute; top:19px; left: 3px; z-index:21; 
	padding:5px 0 0 0;
	clear:left;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-face-color: #5b5b5b;
	scrollbar-shadow-color: #5b5b5b;
	scrollbar-highlight-color: #5b5b5b;
	scrollbar-3dlight-color: #5b5b5b;
	scrollbar-darkshadow-color: #373737;
	scrollbar-track-color: #373737;
	scrollbar-arrow-color: #c7c7c7;
}
div.select_box li {padding:1px 0;_padding:1px 2px; margin:0 3px; _margin:0 3px; font: normal 11px dotum; line-height: 1.2em;}
div.select_box a:link, div.select_box a:active, div.select_box a:visited {color:#999; display:block; padding-top:2px;width:161px;}
div.select_box a:hover{text-decoration:none; background:#ddd; font-weight:bold; color:#fff;width:161px;}

div.select_box li.pd0{padding:0px;margin:0px 0 0 2px;}

/* 100428 hgk 로그인 후 */
div.login_a{width:175px; margin:0 0 15px 19px;}

div.login_a div.user_id{border-bottom:1px solid #222; height:18px; margin-bottom:5px;}
div.login_a div.user_id span.txt_id{float:left;}
div.login_a div.user_id span.txt_id strong{color:#e8e8e8;}
div.login_a div.user_id span.btn_logout{float:right;}

div.login_a dl.my_phone{overflow:hidden; width:175px; height:65px; border-bottom:1px solid #222; padding-bottom:8px; margin-bottom:5px;}
div.login_a dl.my_phone dt{float:left; margin-right:10px;}
div.login_a dl.my_phone dd{float:left; margin-top:5px;}
div.login_a dl.my_phone dd strong{color:#e8e8e8; display:block; margin-bottom:10px;}
div.login_a dl.my_phone dd p.p_in{height:20px; clear:both;}
div.login_a dl.my_phone dd p.p_in input.radio{vertical-align:middle; float:left; width:14px; height:14px; margin:0; padding:0;}
div.login_a dl.my_phone dd p.p_in label{font-size:11px; display:block; float:left; margin-top:3px; *margin-top:0px; _margin-top:2px; letter-spacing:-1px;}

div.login_a ul.my_info{padding-bottom:8px; margin-bottom:5px;}
div.login_a ul.my_info li{background:url(../images/main/bg_log_underline.gif) no-repeat center top; height:11px; margin-top:5px; _margin-top:0px; padding-top:5px;}
div.login_a ul.my_info li.fir{background:none; height:10px;}
div.login_a ul.my_info li span{display:block;}
div.login_a ul.my_info li span img{vertical-align:top;}
div.login_a ul.my_info li span.left{float:left;}
div.login_a ul.my_info li span.right{float:right;}

/* 100428 hgk 로그인 후 폰미등록 */
div.nophone{background:url(../images/main/bg_log_nophone.gif) no-repeat center top;}
div.nophone p{background:url(../images/main/bg_log_nophone_btm.gif) no-repeat center bottom; font-size:11px; line-height:14px; text-align:center; padding:10px;}
div.nophone p a{display:block; margin-top:8px;}



/* 할인존 */
div.tstore_dczone{margin:0 0 22px 19px;}
div.tstore_dczone h3{margin:0 0 6px 0;}
div.tstore_dczone ul.thumlist{margin:0 0 0 10px;}
div.tstore_dczone ul.thumlist li{width:165px;height:43px;padding:5px 0 0 0;overflow:hidden;}
div.tstore_dczone dl.thumlist{}
div.tstore_dczone dl.thumlist dt{float:left;}
div.tstore_dczone dl.thumlist dd{float:left;padding:5px 0 0 7px;}
div.tstore_dczone dl.thumlist dd strong{
	display:block;
	height:19px;
	font-weight:normal;
	letter-spacing:-1px;
	width:106px;
	text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
}

div.tstore_dczone dl.thumlist dd span.info{float:left;color:#b16b2e;font-size:11px;font-family:dotum;}
div.tstore_dczone dl.thumlist dd span.b{font-weight:bold;}
div.tstore_dczone dl.thumlist dd span.info del{color:#777;}
div.tstore_dczone dl.thumlist dd span.info .arr{color:#777;}

.mb10{margin-bottom:10px;}


/* 100608 hgk 추가 */
.m_login_helper{position:relative; z-index:9999;}
p.text_helper{position:absolute; z-index:9999; left:-10px; top:15px;}

div.rnb_btm dl.thumlist dt{position:relative;}/* 100611 hgk 추가 */
div.rnb_btm dl.thumlist dt img.thum_icon{position:absolute; top:26px; right:3px}/* 100611 hgk img.thum_icon 추가 */