@charset "UTF-8";
/*■■■■ 채널의 기본 element 정의 ■■■■*/
	* {margin:0;padding:0;}
	img { border-width:0}
		img.j_btn { cursor:pointer}
		*html .png24 {tmp:expression(setPNG24(this));}
	li {list-style-type: none;}
	table {border-collapse:collapse; empty-cells:show;}
	br.j_5px {line-height:5px} br.j_10px {line-height:10px} br.j_15px {line-height:15px} br.j_20px {line-height:20px} br.j_30px {line-height:30px} br.j_40px {line-height:40px}
	body,h1,h2,h3,h4,h5,h6,form,input,select,textarea {font:12px/1.2 "돋움",dotum,"굴림", gulim, AppleGothic, sans-serif ; color:#666666;}
	h3,h4,h5,dt,th,caption {font-weight:bold;}
	h6 {font-size:0px;}
	textarea.j_01{}
	select.j_01 {height:20px;}
	input.j_01 {height:15px; padding-top:3px;}
		input.j_02 {height:20px; padding-top:3px;}
	input.j_align {margin:0 4px 0 0; #margin:0 1px 0 -4px; #height:14px; position:relative; top:-1px; vertical-align:middle}
	
/*■■■■ 채널의 공통영역 정의 ■■■■*/
/* color-anchor*/
	a {color: #1a4065; text-decoration: none;}
	a:link, a:visited {color: #1a4065; text-decoration: none;}
	a:active, a:hover {color:#016edc; text-decoration: underline;}

/*▼▼ font 정의 ▼▼*/
	/*font */ 
	.j_f_bold { font-weight:bold;}
	.j_f_normal { font-weight:normal;}
	.j_f_under { text-decoration: underline;}

	/*font-size */ 
	.j_f_0px { font-size:0} .j_f_10px { font-size:10px} .j_f_11px { font-size:11px}	.j_f_12px { font-size:12px}	.j_f_13px { font-size:13px}	.j_f_14px { font-size:14px}

	/*font-family */ 
	.j_fset_01 {font-family:"돋움",dotum,"굴림", gulim, AppleGothic, sans-serif}
	.j_fset_02 {font-family:tahoma, Verdana}
	.j_fset_03 {font-family:tahoma, Verdana; font-size:11px}
	
	/* font-color */
	.j_c_white_01 {color:#ffffff;}
	.j_c_block_01 {color:#000000;}	
	.j_c_gray_01 {color:#262626;} .j_c_gray_02 {color:#464646;}	.j_c_gray_03 {color:#efefef;} .j_c_gray_04 {color:#999999;}
	.j_c_red_01 {color:#ff0000;}
	
	.j_c_orange_01 {color:#ff6600;}		
	.j_c_yellow_01 {color:#ffff00;}	
	.j_c_brown_01 {color:#d87500;}
	.j_c_green_01 {color:#00ff00;}	
	.j_c_blue_01 {color:#0066ff;}
	.j_c_violet_01 {color:#6600ff;}
	.j_c_pink_01 {color:#ff33cc;}
	
	.j_c_tit {color:#2169e0 !important;}
	.j_c_id {color:#2f6bcb !important;}
	.j_c_replynum {color:#ff6600 !important;}/*댓글수*/
	.j_c_deltxt {color:#999999 !important;}

/*▼▼ Text 정의 ▼▼*/
	/*text_align*/ 
	.j_t_left {text-align:left !important; text-align:-moz-left !important; #text-align:left !important;} /*순대로 OP,FF,IE Text 적용*/
	.j_t_right {text-align:right !important; text-align:-moz-right !important; #text-align:right !important;}/*순대로 OP,FF,IE Text 적용*/
	.j_t_center {text-align:center !important; text-align:-moz-center !important; #text-align:center !important;}/*순대로 OP,FF,IE Text 적용*/
	.j_t_center_in {margin-left:auto; margin-right:auto;}/*OP,FF,IE8을 위한 Block 가운데정렬*/
/*▼▼ border 정의 ▼▼*/
	/*border_line*/ 
	.j_b_1px {border:1px solid #cccccc;}

/*▼▼ 리스트 Table or Div Style 정의 : Table안의 Table 사용가능하게 정의 ▼▼*/

.f_list02_a { max-height:500px}댓글모듈리스트
	.f_list02_a ul { padding-top:5px;}
	.f_list02_a li { display:block; height:1%; overflow:hidden; border-top:1px solid #cccccc; position:relative; padding:10px; }
	.f_list02_a li:first-child { border-top:none;}
	.f_list02_a li:last-child { border-bottom:1px solid #cccccc;} 
	/*추가*/
	.f_reply_a .f_list02_a li .replytxt { margin-top:5px; padding-right:50px; line-height:1.4; word-break:break-all; word-wrap:break-word}
	.f_reply_a .f_list02_a li.dpeth2 .replytxt { padding-right:10px;}
	.f_list02_a li.dpeth2 {background:url('/image/line_dot_2x2.gif') repeat-x left top;background-color:#f8f8f8; border-top:none;}
	.f_list02_a li.dpeth2 .depth2_in { background:url('/image/icon_reply2.gif') no-repeat left 50%;padding-left:35px;}

	.depth1 { display:block; height:1%; overflow:hidden; border-top:1px solid #cccccc; position:relative; padding:10px; }
	li:first-child { border-top:none;}
	li:last-child { border-bottom:1px solid #cccccc;}
	/*추가*/
	.f_reply_a .f_list02_a li .replytxt { margin-top:5px; padding-right:50px; line-height:1.4; word-break:break-all; word-wrap:break-word}
	.f_reply_a .f_list02_a li.dpeth2 .replytxt { padding-right:10px;}
	.dpeth2 {
			height:1%; overflow:hidden; border-top:1px solid #cccccc; position:relative; padding:10px;
			display:block; background:url('/image/line_dot_2x2.gif') repeat-x left top;background-color:#f8f8f8; border-top:none;}
	.depth2_in { display:block; background:url('/image/icon_reply2.gif') no-repeat left 50%; padding-left:35px; width:100%;}
	

/*▼▼ button Style 정의 ▼▼*/
.f_btn_a { margin-top:15px; margin-bottom:30px;}
a.f_btn_more { width:100%; text-align:center; padding:10px 0 10px 0; background:url('../image/btn_morebg.gif') repeat-x left 50%; border:1px solid #b25401; display:inline-block; font-size:15px; color:#fff;cursor:pointer; }

/*▼▼ pagination 정의 ▼▼*/

/*■■■■ 채널 공통 템플릿 정의 ■■■■*/
/*▼▼ Scroll 정의 ▼▼*/
	/*IE CSS에 적용됨*/
	.j_scroll_01{ overflow-y:auto;overflow-x:hidden; scrollbar-face-color: #F2F2F2;scrollbar-shadow-color: #999999;scrollbar-highlight-color: #999999;scrollbar-3dlight-color: #FFFFFF;scrollbar-darkshadow-color: #FFFFFF;scrollbar-track-color: #F2F2F2;scrollbar-arrow-color: #999999;}

/*■■■■ 채널 공통 레이아웃, 디자인 ID,Class,Element 정의 ■■■■*/
body {background:url('../image/bg_mainbackground_full.jpg') no-repeat center top;}
#wrap { width:995px; margin:0 auto; position:relative;background:url('../image/bg_mainbackground_full.jpg') no-repeat center top;}
body.main #wrap {padding-top:760px;}
body.sub #wrap {padding-top:95px;}
.header_a {}
.header_a .logo { position:absolute; left:39px; top:4px;}
.header_a .likebtn {position:absolute; left:210px; top:18px;}
.header_a .likebtn .btn {float:left; margin-right:3px;}
.header_a .likebtn .num { padding-top:1px; height:1%; overflow:hidden}
.header_a .likebtn .num dd { float:left;}
.header_a .likebtn .num .md {background:url('../image/box01_number_md.gif') repeat-x center top; height:20px; overflow:hidden}
.header_a .likebtn .num .md p { font:11px/1.2 Verdana, Geneva, sans-serif; padding-top:3px;}
.header_a .likebtn .tweetlike { clear:both;}

.gnb_a { position:absolute; left:348px; top:0;}
	.gnb_a dl.off dd {float:left; margin-right:1px;}
		.gnb_a dl.off dd a {background:url('../image/gnb_off.gif') no-repeat left top; display:block ; height:55px; width:120px;}
		.gnb_a dl.off dd a span.none { display:none;}
		.gnb_a dl.off dd.gnb2 a { background-position:-121px 0;}
		.gnb_a dl.off dd.gnb3 a { background-position:-242px 0;}
		.gnb_a dl.off dd.gnb4 a { background-position:-363px 0;}
		.gnb_a dl.off dd.gnb5 a { background-position:-484px 0;}
	
	.gnb_a dl.on dd { width:158px; height:55px;
			background:url('../image/gnb_on.png') no-repeat top left;_background:url('../image/gnb_on.gif') no-repeat top left;}
		.gnb_a dl.on {}
		.gnb_a dl.on .gnb1 { position:absolute; left:-19px; top:0; background-position:0 0;}
		.gnb_a dl.on .gnb2 { position:absolute; left:102px; top:0; background-position:-168px 0;}
		.gnb_a dl.on .gnb3 { position:absolute; left:223px; top:0; background-position:-336px 0;}
		.gnb_a dl.on .gnb4 { position:absolute; left:344px; top:0; background-position:-504px 0;}
		.gnb_a dl.on .gnb5 { position:absolute; left:465px; top:0; background-position:-672px 0;}
		.gnb_a dl.on span.none {display:none}

/*body area*/
.body_a {}
	dl.con {background:url('../image/box_body_side.png') repeat-y top left; _background:url('../image/box_body_side.gif') repeat-y top left; position:relative}
	.sub dl.con.first dd.con_in { padding-top:10px;}
	dl.con dd.con_in {width:860px; margin-left:68px; position:relative; }
	dl.con dd.l_shadow { width:22px; height:160px; background:url('../image/box_body_line_l.gif') no-repeat left top; position:absolute; left:0; top:-70px;_left:-68px; }
	dl.con dd.r_shadow { width:21px; height:160px; background:url('../image/box_body_line_r.gif') no-repeat left top; position:absolute; left:974px; top:-70px;_left:906px; }

.foot_a {padding-top:20px;}

body.sub {}
/*메인페이지*/
.sub .headcopy { position:absolute; left:47px; top:65px;}

.sub .body_a {}

/*ID, date area */
.f_info_a { color:#999999;}
	.f_info_a span.id { color:#2563ca; font-weight:bold;}
	.f_info_a span.seperate { color:#cccccc}
	
footer { text-align:center; padding:10px 0 20px 0;}
/*■■■■페이지별정의■■■■*/
/*메인페이지*/
.main .headcopy { position:absolute; left:55px; top:67px;}

/*QR, app btn */
.main .qrcode { position:absolute; left:248px; top:216px;}
.main .appbtn .android { position:absolute; left:330px; top:236px;}
	.main .appbtn .appstore { position:absolute; left:545px; top:236px;}
	.main .appbtn .tag { position:absolute; left:728px; top:253px;}

/* Pad*/
.main .pad_a { position:absolute; left:235px; top:300px;}
	.main .pad_a .pad {background:url('../image/img_pad.gif') no-repeat top left;width:522px; height:353px;}
		/* Movie area */
		.main .pad_a .pad .movie { position:absolute; left:40px; top:53px;}
		/* SMS area */
		.main .pad_a .pad .sms {  width:443px; height:278px; background:url('../image/bg_sms.jpg') no-repeat top left; position:absolute; left:39px; top:38px; z-index:5}
			.main .pad_a .pad .sms .textarea { position:absolute; left:8px; top:45px;}
				.main .pad_a .pad .sms .textarea textarea {border-width:0; width:226px; height:200px; font:20px/1.4 "맑은 고딕","나눔고딕", NanumGothic, "돋움", dotum, "굴림", gulim, AppleGothic, sans-serif; background-color:transparent; color:#fff;}
				/* byte*/
				.main .pad_a .pad .sms .byte { position:absolute; left:108px; top:256px; width:130px; font:bold 12px/1.2 Verdana, Geneva, sans-serif; text-align:right; color:#4d6f74;}
				.main .pad_a .pad .sms .byte .now { color:#1d3a3e;}
				
			/* 받는사람 */
			.main .pad_a .pad .sms .reciv_a { position:absolute; left:314px; top:45px;}
				.main .pad_a .pad .sms .reciv_a dd { margin-bottom:11px; position:relative}
				.main .pad_a .pad .sms .reciv_a dd input {font:12px/1.2 Verdana, Geneva, sans-serif; background-color:transparent; border:none; letter-spacing:-1px;}
				/*del btn*/
				.main .pad_a .pad .sms .reciv_a .del { position:absolute; left:105px; top:4px; display:none}
				.main .pad_a .pad .sms .reciv_a .on { display:block;}
				
			/* 보내는사람 */
			.main .pad_a .pad .sms .send_a { position:absolute; left:314px; top:143px;}
				.main .pad_a .pad .sms .send_a dd input {font:12px/1.2 Verdana, Geneva, sans-serif; color:#fff; background-color:transparent; border:none;}
	
			/* 문자보내기 btn */
			.main .pad_a .pad .sms .btn { position:absolute; left:259px; top:176px;}
				.main .pad_a .pad .sms .btn a { width:166px; height:44px; background:url('../image/btn_sendsms.jpg') no-repeat left top; display:block;}
				.main .pad_a .pad .sms .btn a:hover { background-position:0 -54px;}
				.main .pad_a .pad .sms .btn a .none { display:none}
			
			/*Close btn*/
			.main .pad_a .pad .sms .btnclose { position:absolute; left:388px; top:9px; z-index:10}
			
.main .sendsms { position:absolute; left:271px; top:670px;}

.main .con_in .givaway {padding-bottom:30px;}
	.main .con_in .givaway .eventbanner { position:absolute; left:19px; top:-30px;}
	.main .con_in .givaway .hdcopy { text-align:right}
	.main .con_in .givaway .giveaway_a { padding-top:20px;}
	
main .con_in .dbgivaway {}
	
.pagination { text-align:center; height:35px; padding-top:20px;}
	.pagination a { display:inline-block; font:14px/1.2 Verdana, Geneva, sans-serif; border:1px solid #d5d5d5; padding:3px 8px 4px 8px; color:#666666; background-color:#fff;}
	.pagination a:hover {border:1px solid #2f6bcb; text-decoration:none;}
	.pagination a.on { color:#2f6bcb; border-color:#2f6bcb;}
	.pagination a.prev { background:url('../image/icon_prev.gif') no-repeat 50% 50%; background-color:#fff; margin-right:8px; width:40px;}
	.pagination a.prevset {background:url('../image/icon_prevset.gif') no-repeat 50% 50%; background-color:#fff; width:40px;}
	.pagination a.next { background:url('../image/icon_next.gif') no-repeat 50% 50%; background-color:#fff; margin-left:8px; width:40px;}
	.pagination a.nextset { background:url('../image/icon_nextset.gif') no-repeat 50% 50%; background-color:#fff; width:40px;}
	.pagination a span.none { margin-left:-5000px;}

/*■■■■페이지별정의■■■■*/
/*sub1 페이지*/
	.tab { height:1%; overflow:hidden;}
	.tab img{ float:left; }
	.tabiist { padding-top:10px;}
	.tabiist ul li { border-bottom:1px solid #c2c2c2; position:relative}
		.tabiist ul li p.question {background:url('../image/icon_question_off.gif') no-repeat 10px 6px; font:13px/1.2 "굴림", gulim, "돋움", dotum, AppleGothic, sans-serif; padding:7px 0 5px 35px;}
		.answer {background:url('../image/icon_answer.gif') no-repeat 10px 6px; border-top:1px solid #c2c2c2; padding:7px 0 25px 35px; background-color:#fff; line-height:1.4; color:#436191; display:none;}
		.on p.question { color:#c56f35; font-weight:bold !important; background-image:url('../image/icon_question_on.gif') !important}
		.on answer {display:block !important;}


/*sub3 페이지*/
	/*list*/
	.goodslist {background:url('../image/bg_goodlist.gif') repeat-y right top; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:1%; overflow:hidden;}
	div.glist_a {float:left; width:430px; clear:both; }
		ul.glist {}
			ul.glist li { padding:10px 0 10px 0; clear:both; border-bottom:1px solid #ccc; height:1%; overflow:hidden;}
			ul.glist li div.thumb { float:left; background-color:#fff; border:1px solid #dedede; font-size:0; padding:3px}
			ul.glist li div.info { float:left; padding-left:10px;}
				ul.glist li.last { border-bottom:none;}
				ul.glist li .goodsname {padding-top:2px; font:11px/1.2 "돋움", dotum, "굴림", gulim, appleGothic, sans-serif; color:#666666;}
				ul.glist li .goodstit {padding:4px 0 3px 0; font:bold 14px/1.2 "맑은 고딕","나눔고딕", NanumGothic, "돋움", dotum, "굴림", gulim, AppleGothic, sans-serif; min-height:35px;}
				ul.glist li .fdelected {background:url('../image/field_elected.gif') no-repeat left top; padding:4px 0 5px 64px; margin-top:4px}
				ul.glist li .fdprice {background:url('../image/field_price.gif') no-repeat left top; padding:4px 0 5px 64px;}
				ul.glist li .fdwindate {background:url('../image/field_windate.gif') no-repeat left top; padding:4px 0 5px 64px;}
				ul.glist li .fdtit {background:url('../image/field_title.gif') no-repeat left top; padding:4px 0 5px 64px;}
				ul.glist li.on {background:url('../image/icon_arrow_big.gif') no-repeat 405px 50%; background-color:#FFF}
				ul.glist li.on .goodstit a{color:#ff6600; }
				ul.glist li.on div.thumb {background-color:#ffcc00; border:1px solid #eebe00;}
	
	/*list detail*/
	div.gdetail_a {float:left; width:420px; height:900px; margin-left:10px; position:relative; /*overflow-y:scroll*/}
		div.gdetail_a dd.info { padding:0 0 10px 20px;}
			div.gdetail_a .goodsname { text-align:center ; font:20px/1.2 "맑은 고딕","나눔고딕", NanumGothic, "돋움", dotum, "굴림", gulim, AppleGothic, sans-serif; padding:10px 20px 0 0}
			div.gdetail_a .thumb { float:left; padding:7px; background-color:#fff; border:1px solid #cccccc; margin-top:10px; font-size:0; margin-bottom:10px; position:relative}
			div.gdetail_a .thumb .giveway { position:absolute; left:0; top:0;}
			div.gdetail_a .fdelected { clear:left; background:url('../image/field_elected_w.gif') no-repeat left top; padding:2px 0 5px 64px; margin-top:10px}
			div.gdetail_a .fdwinnum {background:url('../image/field_winnum_w.gif') no-repeat left top; padding:2px 0 5px 64px; color:#ff6600}
			div.gdetail_a .fdgoodsprice {background:url('../image/field_goodsprice_w.gif') no-repeat left top; padding:2px 0 5px 64px; color:#ff6600}
			div.gdetail_a .fdgoodsprice .oldprice { text-decoration:line-through}
			div.gdetail_a .fdgoodsprice .txtfree {margin:0 0 -4px 5px;}
			div.gdetail_a .fdwindate {background:url('../image/field_windate_w.gif') no-repeat left top; padding:2px 0 5px 64px;}
			
			
		div.gdetail_a dd.txt { background:url('../image/line_shadow.gif') repeat-x left top; padding:0 13px 0 20px; position:relative}
			div.gdetail_a dd.txt .tit {font:bold 13px/1.2 "맑은 고딕","나눔고딕", NanumGothic, "돋움", dotum, "굴림", gulim, AppleGothic, sans-serif; padding:15px 0 13px 40px; border-bottom:1px solid #ccc; background:url('../image/icon_star.gif') no-repeat left 6px; color:#000;}
			div.gdetail_a dd.txt .textarea { margin-top:10px; line-height:1.3; padding-bottom:30px;}
			div.gdetail_a dd.txt .impression { position:absolute; right:5px; top:-100px;}
			
			
		/* reply area */
		.f_reply_a {}
		.f_reply_a h1 { font-size:16px; font-weight:bold; color:#fff;
			background:url('../image/bg_replytit.gif') repeat-x left top;
			background-color:#2665cc;
			padding:7px 0 8px 20px;
			position:relative}
			.f_reply_a h1 .replynum { display:inline-block; padding:4px 0 0 5px;}
			.f_reply_a h1 .notice {font-size:12px; font-weight:normal; position:absolute; right:10px; top:13px;}
				.f_reply_a h1 .notice .f_11px { font-size:11px}
			.f_reply_a .texta_a {position:relative;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); border-bottom:1px solid #ccc; padding:10px 94px 5px 10px}
				.f_reply_a .texta_a textarea.textarea { height:60px; background-color:#f8f8f8; padding:0; border-radius:6px; width:100%;}
				.f_reply_a .texta_a .btn_replysummit {position:absolute; right:10px; top:10px;}
				.f_reply_a .texta_a .txtnuminfo {font-size:12px;}
				/*답글달기*/
				.f_reply_a .reply2depth { text-align:center; padding:10px 0 10px 0;}
				.f_reply_a .reply2depth .txtnuminfo {font-size:12px; text-align:left;}
				.f_reply_a .reply2depth textarea.textarea{width:100%; height:60px; margin-bottom:5px; background-color:#f8f8f8; border-radius:6px; }

/*sub4 페이지*/
.ask_a .imp { text-align:right; padding-right:5px; padding-top:10px;}
.asktable {background:url('../image/line_tabletop.gif') no-repeat left top; padding-top:3px;}
	.asktable table th,.asktable table td {border-bottom:1px solid #cccccc; }
	.asktable table th {background:url('../image/line_table_field.gif') no-repeat right 9px; border-bottom:1px solid #cccccc;padding-top:8px; padding-bottom:5px; vertical-align:top;}
	.asktable table td { border-bottom:1px solid #cccccc}
	.asktable table td p {padding-left:20px;}
		.asktable table input.j_01 { padding-top:3px; padding-bottom:6px; font:14px/1.2 "맑은 고딕","나눔고딕", NanumGothic, "돋움", dotum, "굴림", gulim, AppleGothic, sans-serif;}
		.asktable table select.j_01 { height:26px; font:14px/1.2 "맑은 고딕","나눔고딕", NanumGothic, "돋움", dotum, "굴림", gulim, AppleGothic, sans-serif;}
		.asktable table textarea.j_01 { font:14px/1.2 "맑은 고딕","나눔고딕", NanumGothic, "돋움", dotum, "굴림", gulim, AppleGothic, sans-serif; width:680px; height:300px; padding:10px;}
		.asktable table tr.title span.now { color:#ff6600; font-weight:bold; margin-left:10px;}
		.asktable table tr.txt p { padding-top:10px; padding-bottom:10px;}
		/* 문의하기 btn */
		.ask_a .btnask { padding-top:20px;}
			.ask_a .btnask a { width:166px; height:69px; background:url('../image/btn_ask_big.jpg') no-repeat left top; display:block;margin:0 auto;}
			.ask_a .btnask a:hover { background-position:0 -79px;}
			.ask_a .btnask a .none { display:none}