@charset "euc-kr";

/*
-----------------------------------------------------------------
.ÆÄÀÏ¸í      :  common.css
.ÀÛ¾÷½ÃÀÛ    :  2009/01/05
.ÃÖÁ¾¼öÁ¤ÀÏ  :  
.ÀÛ¾÷ÀÚ      :  ÀüÇý¶õ
.³»¿ë        :  °øÅ뽺ŸÀÏ, Anchor, Layout, Header, ¼­ºê Footer
-----------------------------------------------------------------
*/

/* Common Style
------------------------------------------------------------------------------------ */
html {margin:0; padding:0; _overflow:scroll; _overflow-x:auto;}
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0;}
ol, ul, li {list-style:none; padding:0; margin:0;}
form, fieldset, img, abbr,acronym {border:0;}
select, input, option, textarea {vertical-align:middle; font:12px gulim, dotum, ±¼¸², µ¸¿ò, arial, sans-serif;}
label {cursor:pointer;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
em {font-style:normal;}
img {vertical-align:top;}
legend, hr, .skip {display:none;}

/***html input, *html input {margin:-1px 0px -1px 0px;}*/
.clear {display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.png {_behavior:url(/common/png/iepngfix.htc);}
select.htcAdv {behavior:url(../../common/png/selectbox.htc);} /* ÆÄÀÏ°æ·Î È®ÀÎÇÊ¿ä */

/* Ưº°ÇÑ »çÀ¯°¡ ¾Æ´Ï¸é markup ºÎºÐ¿¡ »ç¿ëÀÚÁ¦ */
.b {font-weight:bold !important;}
.u {text-decoration:underline !important;}
.ls1 {letter-spacing:-1px !important;}
.ls2 {letter-spacing:-2px !important;}
.ls3 {letter-spacing:-3px !important;}
.ls4 {letter-spacing:-4px !important;}
.ls5 {letter-spacing:-5px !important;}
.fs11d {font:11px dotum !important; letter-spacing:-1px !important;}
.fs12d {font:bold 12px dotum !important;}
.fs16d {font:bold 16px dotum !important;}
.taL {text-align:left !important;}
.taR {text-align:right !important;}
.taC {text-align:center !important;}

/* Input Box */
input.cBox1 {height:14px; padding:4px 3px 0 3px; border:1px solid #cdcccc;}
input.cBox2 {height:14px; padding:4px 3px 0 3px; border:1px solid #999;}
input.cBoxFile {height:20px; border:1px solid #999;}


/* Common Font/ Anchor
------------------------------------------------------------------------------------ */
body {font:12px gulim, dotum, ±¼¸², µ¸¿ò, arial, sans-serif; color:#666; _text-align:center;}


/* Normal Anchor */
a {color:#666; text-decoration:none }
a:link, a:visited {color:#666; text-decoration:none;}
a:hover {color:#666; text-decoration:underline;}
a:active {color:#666; text-decoration:none;}


/* Layout
------------------------------------------------------------------------------------ */
/* Common */
#wrap {position:relative; width:100%; margin:0 auto; _text-align:left; _height:1%;}
	#header {width:100%; _height:1%; position:relative; z-index:1000;}
	#header #top {width:100%;}
	#container {width:100%; margin:0 auto; clear:both; _height:1%; position:relative; z-index:90; margin-top:0px;}
	#subFooter {width:890px; margin:30px auto; clear:both;  z-index:1;}

/* Home */
body#home #container {background:url(../../images/common/container_bg.jpg) repeat-x left top;}	
body#home #group {clear:both; margin:0 auto; width:890px; position:relative; line-height:1.4;}		
body#home #footer {width:890px; clear:both; margin:28px auto 30px auto;}

body#home #content {width:890px; position:relative; margin:0 auto; _height:1%;}

/* ÁÖ¹® cateA */
body.orderA #container {background:url(../../images/common/container_bg2.jpg) repeat-x left top;}	
body.orderA #group {clear:both; margin:0 auto; width:890px; position:relative; line-height:1.4;}
body.orderA #footer {width:890px; clear:both; margin:28px auto 30px auto;}

body.orderA #content {width:890px; position:relative; margin:0 auto; padding-top:37px; _height:1%;}


/* Á¤º¸±¤Àå,Ä¿¹Â´ÏƼ bbsA */
body.bbsA #snb {float:left; width:169px;}
body.bbsA #group {float:right; width:750px; position:relative;}
	body.bbsA #content {clear:both; position:relative; width:750px; float:left;}

/* ȸ¿ø°¡ÀÔ memA */
body.memA #container {background:url(../../images/common/container_bg2.jpg) repeat-x left top;}	
body.memA #content {width:890px; position:relative; margin:0 auto; padding-top:42px; _height:1%;}
body.memA #group {width:930px; position:relative;}
body.memA #footer {width:890px; clear:both; margin:28px auto 30px auto;}

/* °í°´¼¾ÅÍ helpA */
body.helpA #container {background:url(../../images/common/container_bg2.jpg) repeat-x left top; }
body.helpA #content {width:890px; position:relative; margin:0 auto; padding-top:42px; _height:1%;}
body.helpA #snb {float:left; width:156px; padding-top:20px;}
body.helpA #group {float:right; width:703px; position:relative; padding-top:20px;}
body.helpA #footer {width:890px; clear:both; margin:28px auto 30px auto;}

/* Áö³­»óÇ° goodsA */
body.goodsA #container {background:url(../../images/common/container_bg2.jpg) repeat-x left top;}	
body.goodsA #content {width:890px; position:relative; margin:0 auto; padding-top:42px; _height:1%;}
body.goodsA #group {width:930px; position:relative;}
body.goodsA #footer {width:890px; clear:both; margin:28px auto 30px auto;}



/* ¸¶ÀÌÁ¹Å¸¸ÞÀÎ mypageA */
body.mypageA #container {background:url(../../images/common/container_bg2.jpg) repeat-x left top; }
body.mypageA #content {width:890px; position:relative; margin:0 auto; padding-top:42px; _height:1%;}
body.mypageA #snb {float:left; width:156px; padding-top:20px;}
body.mypageA #group {float:right; width:703px; position:relative; padding-top:20px; padding-bottom:30px;}
body.mypageA #footer {width:890px; clear:both; margin:28px auto 30px auto;}

/* ¸¶ÀÌÁ¹Å¸ mypageB */
body.mypageB #container {background:url(../../images/common/container_bg2.jpg) repeat-x left top; }
body.mypageB #content {width:890px; position:relative; margin:0 auto; padding-top:42px; _height:1%;}
body.mypageB #snb {float:left; width:156px; padding-top:20px;}
body.mypageB #group {float:right; width:703px; position:relative; padding-top:20px; padding-bottom:15px;}
body.mypageB #footer {width:890px; clear:both; margin:28px auto 30px auto;}


/* ȸ»ç¼Ò°³ compaA */
body.compaA #container {background:url(../../images/common/container_bg2.jpg) repeat-x left top; }
body.compaA #content {width:890px; position:relative; margin:0 auto; padding-top:42px; _height:1%;}
body.compaA #snb {float:left; width:156px; padding-top:20px;}
body.compaA #group {float:right; width:703px; position:relative; padding-top:20px; padding-bottom:15px;}
body.compaA #footer {width:890px; clear:both; margin:28px auto 30px auto;}


/* Header
------------------------------------------------------------------------------------ */
#header ul li.end {background:none;}

/* Local Navigation Bar */
#header #top .lnb {width:890px; margin:0 auto; clear:both; height:70px; position:relative;}
#header #top .lnb h1 {text-align:center; padding-top:14px;}
#header #top .lnb ul li {float:left;}
#header #top .lnb ul.sch {position:absolute; top:45px; left:24px;}
#header #top .lnb ul.sch li {padding:0 4px 0 4px;}
#header #top .lnb ul.link {position:absolute; top:45px; right:9px;}
#header #top .lnb ul.link li {padding:0 5px 0 5px; background:url(../../images/common/bullet_01.gif) no-repeat right 7px;}
#header #top .lnb ul li.end {background:none;}

/* Global Navigation Bar */
#header #top .menuBar {width:100%; background:#FFFFFF url(../../images/top/gnb_bg.gif) repeat-x left top;}
#header #top .gnb {width:890px; margin:0 auto; clear:both; height:41px; position:relative; }
#header #top .gnb h2 {display:none;}
#header #top .gnb ul.menu {height:27px; padding:11px 0 0 80px; background:url(../../images/top/gnb_bg_shine.gif) no-repeat 23px top;}
#header #top .gnb ul.menu li {float:left; padding:0 38px 0 38px; background:url(../../images/common/line_01.gif) no-repeat right 2px;}
#header #top .gnb ul.menu li.end {background:none;}
#header #top .gnb span.line {display:block;  height:3px; overflow:hidden; background-color:#ab82c4; margin:0 auto;}

#header #top .gnb .pnb {position:absolute; top:7px; right:12px; width:279px; height:26px; background:url(../../images/top/gnb_bg_box.gif) no-repeat left top;}
#header #top .gnb ul.mLogin {padding:5px 0px 0 6px; width:160px; text-align:center;}
#header #top .gnb ul.mLogin li {display:inline; padding:6px 7px 0 7px; background:url(../../images/top/pnb_menu_line_01.gif) no-repeat right 6px;}
#header #top .gnb ul.mLogin li.id {font:11px dotum; padding:9px 4px 2px 0; vertical-align:bottom; text-align:center;}
#header #top .gnb ul.mLogin li.id strong {color:#000;}
#header #top .gnb ul.gray {position:absolute; right:6px; top:0;}
#header #top .gnb ul.gray li {float:left; padding:6px 8px 0 8px; background:url(../../images/top/pnb_menu_line_02.gif) no-repeat right 6px;}
#header #top .gnb ul li.end {background:none;}






/* Search : ¼±Åà */
#header fieldset .select {float:left; width:98px; height:29px; margin-right:5px; background:url(/images/top/gnb_sch_bg_select.gif) no-repeat left top; position:relative;}
#header fieldset .select h3 {}
#header fieldset .select h3 a {display:block; width:89px; height:18px; padding:7px 0 0 5px; font:12px gulim; margin:2px 0 0 2px;}
#header fieldset .select h3 a:hover {text-decoration:none;}
#header fieldset .select ul {position:absolute; top:27px; left:0; width:94px; border:2px solid #611c83; background-color:#fff;}
#header fieldset .select ul li a {display:block; color:#454545; height:17px; padding:4px 0 0 5px;}
#header fieldset .select ul li a:hover {background-color:#eee; text-decoration:none;}

/* Search : ÀÔ·Â */
#header fieldset .insert {float:left; width:403px; height:29px; margin-right:5px; background:url(/images/top/gnb_sch_bg_input.gif) no-repeat left top; position:relative;}
#header fieldset .insert input {width:370px; height:16px; margin:2px 0 0 2px; padding:4px 0 0 5px; font:bold 14px dotum; border:1px solid #fff;}
#header fieldset .insert p.btn {float:none; position:absolute; top:2px; right:2px;}


/* À̺¥Æ® Ç÷¡½Ã ·¹À̾î */
#header .gnb .event_bn {position:absolute; padding:0px 0 0px 0; top:104px; right:-75px; width:70px;}



/* Pagination
------------------------------------------------------------------------------------ */
.pagination {clear:both; border-top:2px solid #BABABA; padding:15px 0 0 0; position:relative; height:50px; z-index:10;}
.pagination ul {position:relative; top:17px; left:0; width:100%; text-align:center;}
.pagination ul li {display:inline;}
.pagination ul li a {display:inline-block; }
.pagination ul li.first a {padding:5px 0 0 10px; background:url(../../images/common/icon_first_01.gif) no-repeat left 7px; margin-right:10px;}
.pagination ul li.prev a {padding:5px 0 0 10px; background:url(../../images/common/icon_prev_01.gif) no-repeat left 7px; margin-right:0px;}
.pagination ul li.next a {padding:5px 10px 0 0; background:url(../../images/common/icon_next_01.gif) no-repeat right 7px; margin-left:10px;}
.pagination ul li.end a {padding:5px 10px 0 0; background:url(../../images/common/icon_end_01.gif) no-repeat right 7px; margin-left:10px;}
.pagination ul li.prev {padding:5px 11px 0 8px;}
.pagination ul li.num a {margin-left:-3px; padding:5px 11px 0 8px; background:url(../../images/common/line_09.gif) no-repeat right 5px; text-align:center;}
.pagination ul li.num a:hover {color:#F82F50;}
.pagination ul li.num a.now {color:#F82F50; font-weight:bold;}

.pagination dl {position:absolute; top:18px; right:0px;}
.pagination dl dt,
.pagination dl dd {display:inline;}
.pagination dl dt a {display:inline-block; height:15px; padding:3px 30px 0 7px; background:#fff url(/images/common/icon_select_01.gif) no-repeat right 1px; border:1px solid #bbb;}
.pagination dl dt a:hover {text-decoration:none; background-color:#f4f4f4;}
.pagination dl dd ul {position:absolute; top:19px; left:0; width:43px; max-height:90px; _height:90px; border:1px solid #c4c4c4; background-color:#fff; text-align:left;}
.pagination dl dd ul li a {display:block; height:15px; padding:3px 0 0 6px;}
.pagination dl dd ul li a:hover {text-decoration:underline;}
.pagination dl dd ul {
	overflow:scroll; overflow-x:auto;
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-3dlight-color:#D2D2D2;
	scrollbar-shadow-color:#d8d8d8;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color: #F7F7F7;
	scrollbar-arrow-color:#000;
}
.topMove {text-align:right; padding:10px 0 10px 0;}

body.cusA .pagination {border-top:none;}
.pagination.noLine {border:none !important;}

/* ·¹À̾î */
#WaitLayer {position:absolute; top:0px; left:0px; width:100%; height:768px; background-color:#000000; z-index:1000; overflow:visible;}


/* select 01
------------------------------------------------------------------------------------ */
dl.tpSelectSt {position:relative;}
dl.tpSelectSt dt a {display:inline-block; width:100px; height:16px; padding:3px 30px 0 7px; background:#fff url(/images/common/icon_select_01.gif) no-repeat right 1px; border:1px solid #bbb;}
dl.tpSelectSt dt a:hover {text-decoration:none; background-color:#f4f4f4;}


/* select 03
------------------------------------------------------------------------------------ */
.tpSelectRd {position:relative !important; height:20px !important; left:-10px !important;}
.tpSelectRd h5 {float:left !important; padding:3px 5px 0 0; font-weight:normal !important;}
.tpSelectRd dl {float:left !important; margin:0 !important; padding:0 5px 0 10px !important; background:url(/images/common/icon_arrow_01.gif) no-repeat left 4px !important; position:relative !important;}
.tpSelectRd dl.first {background:none !important;}
.tpSelectRd dl dt {float:left !important; width:auto !important; height:18px !important; padding:0 !important; background:url(/images/search/spot_cate_c_select_right.gif) no-repeat right 0 !important;}
.tpSelectRd dl dt a {display:block !important; float:left !important; height:15px !important; padding:3px 30px 0 10px !important; _height:14px !important; _padding:4px 30px 0 10px !important; background:url(/images/search/spot_cate_c_select_left.gif) no-repeat left 0 !important; color:#949494 !important; font:11px dotum !important;}
.tpSelectRd dl dt a:hover {text-decoration:none !important;}
.tpSelectRd dl dd {padding:0 !important; border-bottom:none !important; clear:both !important;}
.tpSelectRd dl dd ul {padding:3px 10px 1px 5px !important; border:1px solid #c4c4c4 !important; background-color:#fff !important; text-align:left !important; font:11px dotum !important; line-height:1.7 !important; position:absolute !important; top:17px !important; _left:10px !important;}
.tpSelectRd dl dd ul li {white-space:nowrap !important;}

/* Layer Summary 01
------------------------------------------------------------------------------------ */
.lysumSt {position:relative; z-index:100; margin:0 !important; clear:none;}
.lysumSt .lysumBox {margin:0; clear:none; position:absolute; top:50px; left:-7px; _left:-67px; background:url(/images/search/point_cate_b_syn_bg_right.png) no-repeat right top; _background:url(/images/search/point_cate_b_syn_bg_right.gif) no-repeat right top;}
.lysumSt .lysumBox ol {float:left; height:35px; _height:34px; padding-top:12px; _padding-top:13px; background:url(/images/search/point_cate_b_syn_bg_left.png) no-repeat left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/search/point_cate_b_syn_bg_left.png', sizingMethod='crop');}
*:first-child+html .lysumSt .lysumBox ol {height:34px; padding-top:13px;}
.lysumSt .lysumBox ol li {float:none !important; margin:0; white-space:nowrap; color:#ff4c43; padding:0 10px 2px 10px;}



/* °Ô½ÃÆÇ º¸±â - Çϴܸ®½ºÆ® Á¦¸ñÇü */
.ViewRe {clear:both; background:url(/images/bbs/view_st_bbs_a_bg_all.gif) repeat-y; margin-top:10px;}
.ViewRe .tp2 {margin-top:8px; clear:both; display:block; height:13px; background:url(/images/bbs/view_st_bbs_a_bg_top.gif) no-repeat left top;}
.ViewRe .bt2 {margin-top:4px; clear:both; display:block; height:10px; background:url(/images/bbs/view_st_bbs_a_bg_bottom.gif) no-repeat left bottom;}
.ViewRe .relateList {margin:0px 22px 0 22px;}
.ViewRe .relateList h6 {height:16px; padding:5px 0 4px 23px; background: url(/images/common/icon_arrow_04.gif) no-repeat 5px 4px; border-bottom:1px solid #DEDEDE; color:#3e3e3e;}
.ViewRe .relateList ul {margin:2px 0 2px 0; padding:5px 25px 0 10px; color:#333; line-height:1.4;}
.ViewRe .relateList ul li {margin-top:6px; padding-bottom:4px; background:url(/images/common/line_dot_05.gif) repeat-x left bottom;}
.ViewRe .relateList ul li strong a {font:12px gulim; color:#333; padding:0 0 0 8px; background:url(/images/common/bullet_13.gif) no-repeat left 6px; _height:100%;}
.ViewRe .relateList ul li strong a:hover {text-decoration:underline;}
.ViewRe .relateList ul li.end {background:none;}

/* °Ô½ÃÆÇ º¸±â - Çϴܸ®½ºÆ® Å×À̺íÇü */
.relate .bgTp {height:4px; background:url(/images/bbs/list_news_bbs_a_bg_top.gif) no-repeat left top;}


/* ¸ÞÀθ޴º ÅÇ*/
.mContent .bgBt {height:10px; background:url(../../images/common/box_con_bg_bottom.gif) no-repeat left bottom;}

.mContent {margin-bottom:15px; background:url(../../images/common/box_con_bg_all.gif) repeat-y;}
.mContent .tab {width:890px; height:34px; background:url(../../images/main/array_tap_bg_all.jpg) no-repeat left top; position:relative;}
.mContent .tab ul {padding-left:252px;}
.mContent .tab ul li {float:left; width:131px; margin-left:0px; text-align:center;}
.mContent .tab ul li a {float:left; }
.mContent .tab ul li a:hover {text-decoration:none;}
.mContent .tab ul li.on  {padding:17px 0px 0 22px; height:17px; font:bold 11px dotum; color:#7f3000; background:url(../../images/main/array_btn_talk_on.gif) no-repeat left top;}
.mContent .tab ul li.out {padding:17px 0px 0 22px; height:17px; font:bold 11px dotum; color:#F4F11F; background:url(../../images/main/array_btn_talk_out.gif) no-repeat left top;}

.mContent .dWrap {width:860px; padding:30px 15px 10px 15px; text-align:center; background:url(../../images/common/box_con_bg_top01.gif) no-repeat left top;}
.mContent .dWrap .buyNow {width:830px; padding:30px 15px 20px 15px; text-align:center;}
.mContent .dWrap .buyNow img {vertical-align:middle; padding:0 6px 5px 0;}

.mContent .vrWrap {width:860px; padding:30px 15px 35px 15px; text-align:center; background:url(../../images/common/box_con_bg_top01.gif) no-repeat left top;}

/* ¸ÞÀθ޴º ÅÇ*/
.oContent {margin:0 0 15px 0; background:url(../../images/common/box_con_bg_all.gif) repeat-y;}
.oContent .bgBt {height:10px; background:url(../../images/common/box_con_bg_bottom.gif) no-repeat left bottom;}

/* ¿ÞÂʸ޴º */
#snb .mnCus {padding-bottom:16px; line-height:1.6; background:url(../../images/help/snb_help_a_bg_bottom_cus.gif) no-repeat left bottom;}
#snb .mnCus ul {padding:5px 10px 0px 11px; background:url(../../images/help/snb_help_a_bg_all_cus.gif) repeat-y left top;}
#snb .mnCus ul li {border-bottom:1px solid #E3E3E3;}
#snb .mnCus ul li.end {border:none;}
#snb .mnCus ul li.stroy {background-color:#FFF;}
#snb .mnCus ul li.now ul li {background-color:#FFF;}

/* ¿ÞÂʸ޴º ¿À´ÃÀÇ »óÇ°*/
#snb dl.mnTel {margin-top:0px;}
#snb dl.mnTel dd {padding-top:8px;}



/* Footer
------------------------------------------------------------------------------------ */
#footer ul {padding-left:220px; text-align:left;}
#footer ul li {display:inline; font:11px dotum; color:#444; padding:0 8px 0 4px; _padding:0 3px 0 6px; background:url(../../images/common/line_02.gif) no-repeat right 0px;}
*:first-child+html #footer ul li {padding:0 3px 0 6px;}
#footer ul li.end {background:none;}
#footer div {margin-top:5px; padding:15px 0 0 0; background:url(../../images/footer/footer_line_01.gif) no-repeat left top; position:relative; min-height:60px; _height:60px;}
#footer div p.ftLogo {position:absolute; top:25px; left:50px;}
#footer div address {font-style:normal; font:11px/1.6 dotum; margin-left:205px; padding-left:20px; border-left:1px solid #e5e5e5;}
#footer div address a {color:#6e49c3;}
#footer div p.es {position:absolute; top:18px; right:10px;}




/* ¼­ºê Footer
------------------------------------------------------------------------------------ */
#subFooter ul {padding-left:220px; text-align:left;}
#subFooter ul li {display:inline; font:11px dotum; color:#444; padding:0 8px 0 4px; _padding:0 3px 0 6px; background:url(../../images/common/line_02.gif) no-repeat right 0px;}
*:first-child+html #subFooter ul li {padding:0 3px 0 6px;}
#subFooter ul li.end {background:none;}
#subFooter div {margin-top:5px; padding:15px 0 0 0; background:url(../../images/footer/footer_line_01.gif) no-repeat left top; position:relative; min-height:60px; _height:60px;}
#subFooter div p {position:absolute; top:25px; left:50px;}
#subFooter div address {font-style:normal; font:11px/1.6 dotum; margin-left:200px; padding-left:20px; border-left:1px solid #e5e5e5;}
#subFooter div address a {color:#6e49c3;}