@charset "euc-kr";

/*
-------------------------------------------------------------------------------------------------
.ÆÄÀÏ¸í      :  help.css
.ÀÛ¾÷½ÃÀÛ    :  2009/01/19
.ÃÖÁ¾¼öÁ¤ÀÏ  :  
.ÀÛ¾÷ÀÚ      :  ÀüÇý¶õ
.³»¿ë        :  SNB, °í°´¼¾ÅÍ
-------------------------------------------------------------------------------------------------
*/

h3.helpSubTitle {padding:10px 0 0 7px;}
.helpA h1 {padding:0 0 0px 10px;}
.helpA h1 img {padding-bottom:2px;}


/* Side Navigation Bar
------------------------------------------------------------------------------------ */
/* **** helpA **** */
#snb {padding-bottom:19px;}
#snb h2.odd {margin-top:6px;}

#snb .today {position:relative; margin-top:16px; background:url(../../images/help/snb_help_a_bg_bottom_today.gif) no-repeat left bottom;}
#snb .today p {position:absolute; top:0px; left:10px;}
#snb .today dl {text-align:center;}
#snb .today dl dt {padding:0 3px 0 3px;}
#snb .today dl dt a{color:#333; font-weight:bold; }
#snb .today dl dd {padding:2px 0;}
#snb .today dl dd.photo {padding:8px 0;}
#snb .today dl dd.price {color:#F44D21; font-weight:bold; padding-bottom:10px;}

.helpA p.stepInfo

/* °í°´¼¾ÅÍ ¸ÞÀÎ : Point
------------------------------------------------------------------------------------ */

.helpA #point {position:relative; margin:8px 0;}

/* °øÁö»çÇ× */
.helpA #point .story {width:417px; margin-bottom:8px; padding-bottom:15px; background:url(/images/help/m_help_a_story_bg_bottom.gif) no-repeat left bottom; position:relative;}
.helpA #point .story p.more {position:absolute; top:26px; right:18px;}
.helpA #point .story p.more a {font:11px dotum; color:#999 !important; letter-spacing:-1px;}
.helpA #point .story ul {height:140px; padding:10px 20px 5px 20px; background:url(/images/help/m_help_a_story_bg_all.gif) repeat-y;}
.helpA #point .story ul li {padding:0 0 0 8px; background:url(/images/common/bullet_03.gif) no-repeat 2px 7px; line-height:1.7; position:relative;}
.helpA #point .story ul li span {position:absolute; top:0px; _top:-3px; right:0; _right:20px;}
*:first-child+html .helpA #point .story ul li span {top:-3px;}

.helpA #point .story ul li a em.event {color:#335ec3;}		/* À̺¥Æ® */
.helpA #point .story ul li a em.notice {color:#ff673b;}		/* °øÁö»çÇ× */
.helpA #point .story ul li a em.ver {color:#009619;}			/* ¹öÀüÀÏÁö */

/* faq */
.helpA .faq {position:relative; width:702px; height:264px; margin-top:10px; background:url(../../images/help/m_help_a_faq_bg_box.gif) no-repeat left top;}
.helpA .faq ul {text-align:left; padding:7px 0; margin:5px 10px 0 170px;}
.helpA .faq ul li {display:inline;}
.helpA .faq ul li img { margin-top:4px;}
.helpA .faq h4 {padding:15px 0 10px 45px; _padding:15px 0 5px 45px;}
.helpA .faq p.more {position:absolute; top:80px; right:25px;}

.helpA .faq ol.num15 {background:url(../../images/help/m_help_a_title_best_faq_n1.gif) no-repeat left 4px;}
.helpA .faq ol.num610 {background:url(../../images/help/m_help_a_title_best_faq_n2.gif) no-repeat left 4px;}

.helpA .faq ol {float:left; width:285px; height:124px; position:relative; top:6px; left:47px; margin:0 15px 0 0px; padding-left:22px;}
.helpA .faq ol li {padding:7px 0 3px 0; width:275px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px solid #d9d9d9;}
.helpA .faq ol li strong {color:#335ec3; font-weight:normal;}


/* step */
.helpA .step {padding-bottom:9px; background:url(/images/help/m_help_a_step_bg_bottom.gif) no-repeat left bottom;}
.helpA .step ol {padding-top:10px; background:url(/images/help/m_help_a_step_bg_all.gif) repeat-y; text-align:center; _height:1%;}
.helpA .step ol li {display:inline; padding:0 10px;}

/* »ó´ã */
.helpA .counsel {margin:15px 0;}
.helpA .counsel h3 {padding:0 0 10px 10px;}
.helpA .counsel ul {padding:15px 40px 20px 20px; text-align:center; _height:1%; background:url(../../images/help/m_help_a_counsel_box.gif) no-repeat left top; }
.helpA .counsel ul li {display:inline; padding:0 12px 0 6px; background:url(../../images/help/m_help_a_counsel_line.gif) no-repeat right bottom; _height:1%;}


/* Á¹Å¸¶õ */
.helpA .zolIntro {margin-top:8px;}
.helpA .zolIntro p.zolImg {padding-bottom:4px;}
.helpA .zolIntro ul li {padding-bottom:24px;}

/* ¹è³ÊÆÛ°¡±â */
.helpA .zolBn {margin-top:8px; text-align:center;}
.helpA .zolBn p.zolImg {padding-bottom:4px;}
.helpA .zolBn ul li {padding-bottom:8px;}
.helpA dl.Bnsource {padding:0; margin-bottom:10px; background:url(../../images/help/bnevent_bg_all.gif) repeat-y left top;}
.helpA dl.Bnsource .bgTp {height:49px; background:url(../../images/help/bnevent_bg_title_source.gif) no-repeat left top;}
.helpA dl.Bnsource .bgBt {height:15px; background:url(../../images/help/bnevent_bg_bot.gif) no-repeat left bottom;}
.helpA dl.Bnsource textarea {width:600px; height:100px; padding:3px 0 0 3px; border:1px solid #999;
	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;
}
.helpA dl.Bnsource dd.btn {margin:6px 0 10px 0;} 
.helpA dl.Bnsource dd.bnList table {width:600px; text-align:left; margin:10px 0 0 10px; border:1px solid #EBEBEB;}
.helpA dl.Bnsource dd.bnList table td {float:left; padding:10px 0 10px 15px; border-bottom:1px solid #EBEBEB;}
.helpA dl.Bnsource dd.bnList table td img {text-align:left;}
.helpA dl.Bnsource dd.bnList table td p.BnSize {height:21px; margin:8px 0 0px 0;}
.helpA dl.Bnsource dd ul.BnTxt {width:630px; margin:5px 0 8px 0; padding:10px 0 10px 0; background:url(../../images/common/line_dot_01.gif) repeat-x left bottom;}
.helpA dl.Bnsource dd ul.BnTxt li {text-align:left; padding:3px 2px 4px 13px; font:11px dotum; letter-spacing:-1px; background:url(../../images/common/bullet_17.gif) no-repeat 3px 6px;}
.helpA dl.Bnsource dd ul.BnTxt li.ct {background:none; padding:3px 2px 4px 2px; color:#ff3300;}
.helpA dl.Bnsource dd ul.BnTxt li.Tit {padding:10px 2px 4px 2px; background:url(../../images/common/line_dot_01.gif) repeat-x left top;}

/* °áÁ¦¾È³» */
.helpA .orderStep {margin-top:8px;}
.helpA .orderStep .bgTp {height:7px; background:url(../../images/common/line_bar_02.gif) no-repeat left top;}

.helpA .orderStep ul {margin-top:10px;}
.helpA .orderStep ul li {padding-bottom:24px;}

/* bbs °Ô½ÃÆÇ
------------------------------------------------------------------------------------ */
/* ¸®½ºÆ® */
.helpA .listNoti .bgBt {height:10px; background:url(../../images/bbs/list_news_bbs_a_bg_bottom.gif) no-repeat left bottom;}
.helpA .listNoti {margin-top:8px; background:url(../../images/bbs/list_news_bbs_a_bg_all.gif) repeat-y;}

/* ¸®½ºÆ® - °øÁö»çÇ× */
.helpA .listNoti table {width:702px; text-align:center; margin:0px 0 0 0px;}
.helpA .listNoti table thead th {height:35px; padding-top:2px; background:url(../../images/help/list_bbs_a_tb_bg_all.gif) repeat-x left top;}
.helpA .listNoti table thead th.first {background:url(../../images/help/list_bbs_a_tb_bg_left.gif) no-repeat left top;}
.helpA .listNoti table thead th.end {background:url(../../images/help/list_bbs_a_tb_bg_rg.gif) no-repeat right top;}

.helpA .listNoti table tbody th,
.helpA .listNoti table tbody td {border-bottom:1px solid #d9d9d9; padding:8px 0 5px 0;}
.helpA .listNoti table tbody tr.end th,
.helpA .listNoti table tbody tr.end td {border-bottom:none;}
.helpA .listNoti table tbody th {font-weight:normal;}
.helpA .listNoti table tbody td.title {text-align:left;}
.helpA .listNoti table tbody td.title a {color:#333;}
.helpA .listNoti table tbody td.title em {color:#f47b20; font-style:normal;}

.helpA .listNoti .pagination {margin:0 0px; padding:0;}
.helpA .listNoti .pagination dl {padding:0; top:45px;}

/* ¸®½ºÆ® - ÇÏ´Ü °Ë»ö */
.helpA .listSch {width:300px; height:32px; padding-top:11px; margin-top:10px; position:absolute; right:0; z-index:2;}
.helpA .listSch dl {position:absolute; top:-30px; right:30px;}
.helpA .listSch dl dt,
.helpA .listSch dl dd {display:inline;}
.helpA .listSch dl dt a {display:inline-block; width:36px; height:15px; padding:3px 30px 0 7px; background:#fff url(../../images/common/icon_select_01.gif) no-repeat right 1px; border:1px solid #bbb;}
.helpA .listSch dl dt a:hover {text-decoration:none; background-color:#f4f4f4;}
.helpA .listSch dl dd ul {position:absolute; top:19px; left:0px; width:73px; max-height:73px; _height:73px; border:1px solid #c4c4c4; background-color:#fff; text-align:left;}
.helpA .listSch dl dd ul li a {display:block; height:15px; padding:3px 0 0 6px;}
.helpA .listSch dl dd ul li a:hover {text-decoration:none; background-color:#e9e9e9;}
.helpA .listSch 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;
}
.helpA .listSch dl dd input {width:150px; height:18px; border:1px solid #bbb; margin-top:-3px; _margin-top:-6px;}
*:first-child+html .helpA .listSch dl dd input {margin-top:-6px;}

/* °øÁö»çÇ× º¸±â */
.helpA .NotiView {clear:both; background:url(../../images/help/list_bbs_view_bg_top.gif) no-repeat left top; margin-top:8px;}
.helpA .NotiView .tp {clear:both; display:block; height:13px; background:url(../../images/bbs/view_st_bbs_a_bg_top.gif) no-repeat left top;}
.helpA .NotiView .bt {clear:both; display:block; height:10px; background:url(../../images/bbs/view_st_bbs_a_bg_bottom.gif) no-repeat left bottom;}
.helpA .NotiView .NotiTit {position:relative; border-bottom:1px solid #D9D9D9;}
.helpA .NotiView .NotiTit h4.title {color:#3366cc; height:17px; padding:17px 0 5px 20px; }
.helpA .NotiView .NotiTit h4.title span {padding:0 45px 0 20px; color:#333; margin-top:-2px;}
.helpA .NotiView .NotiTit h4.title strong {display:inline-block; margin-left:10px;}
.helpA .NotiView .NotiTit h4.title strong em {color:#333;}
.helpA .NotiView .NotiTit p.date {position:absolute; top:16px; right:15px;}

.helpA .NotiView .bbsWrap {position:relative; min-height:220px; padding:0 12px 0 12px; border-bottom:2px solid #BEBEBE;}
.helpA .NotiView .bbsWrap .desc {padding:15px 0;}
.helpA .NotiView .bbsWrap .desc .text {padding:0 15px 0 20px; line-height:1.5; width:640px; overflow:hidden;}

/* °øÁö º¸±â - ÇϴܹöÆ° */
.helpA .NotiViewBtn {clear:both; margin:10px 0 0 0; width:100%; position:relative;}
.helpA .NotiViewBtn ul {position:absolute; top:0; left:0;}
.helpA .NotiViewBtn ul li {display:inline; padding-right:3px;}
.helpA .NotiViewBtn p {text-align:center;}

/* º¸±â - ÀÌÀü±Û´ÙÀ½±Û */
.helpA .pnList {position:relative; top:2px; height:1%; border-top:1px solid #AEACCF; border-bottom:1px solid #AEACCF; margin:10px 0px 15px 0px; padding:5px 0 3px 0;}
.helpA .pnList dl {padding:5px 0 3px 0px;}
.helpA .preLine {clear:both; border-bottom:1px solid #CFCFCF; margin:0 10px 4px 10px;}
.helpA .pnList dl dt { font-weight:bold; color:#6C28E6;}
.helpA .pnList dl dt.preTxt  {display:inline; width:205px; padding:10px 35px 2px 25px; background:#F3F3F3 url(../../images/common/icon_prev_01.gif) no-repeat 85px 12px;}
.helpA .pnList dl dt.nexTxt {display:inline; padding:10px 35px 6px 25px; background:#F3F3F3 url(../../images/common/icon_next_01.gif) no-repeat 85px 12px;}
.helpA .pnList dl dd.title {padding-left:15px; display:inline; }
.helpA .pnList dl dd.title a {color:#000;}


/* faq
------------------------------------------------------------------------------------ */
/* faq ¸®½ºÆ® */
.helpA .faqPoint {position:relative; width:702px; height:45px; padding:5px; background:url(../../images/help/help_a_faq_bg_search.gif) no-repeat left top; margin-top:8px;}
.helpA .faqPoint dl {height:31px; padding:6px 0 0 180px;}
.helpA .faqPoint dl dt {display:inline; margin-right:5px;}
.helpA .faqPoint dl dd {display:inline;}
.helpA .faqPoint dl img {vertical-align:middle;}
.helpA .faqPoint dl dd input {width:348px; height:15px; padding:3px 0 0 3px; border:1px solid #999;}

/* faq ÅÇ */
.helpA .faqList {margin-top:8px;}
.helpA .faqList .bgTp {height:7px; background:url(../../images/common/line_bar_02.gif) no-repeat left top;}

.helpA .faqList .tab {margin-top:20px; height:25px; padding:0; background:url(../../images/help/list_help_a_tab_all.gif) repeat-x left top; position:relative;}
.helpA .faqList .tab ul.select li {float:left; margin-left:-1px;}
.helpA .faqList .tab ul.select li a {float:left; width:61px; height:18px; padding:7px 0 0 0; background:url(../../images/help/list_bbs_a_tab_out.gif) no-repeat left top; text-align:center; color:#555;}
.helpA .faqList .tab ul.select li a.odd {width:130px; background:url(../../images/help/list_bbs_a_tab_out2.gif) no-repeat left top;}
.helpA .faqList .tab ul.select li a.odd2 {width:72px; background:url(../../images/help/list_bbs_a_tab_out3.gif) no-repeat left top;}
.helpA .faqList .tab ul.select li a:hover {text-decoration:none;}
.helpA .faqList .tab ul.select li a strong {color:#2c8c00;}
.helpA .faqList .tab ul.select li a strong.odd {color:#00577f;}
.helpA .faqList .tab ul.select li.now a {background:url(../../images/help/list_bbs_a_tab_over.gif) no-repeat left top; font-weight:bold; color:#D21A46; letter-spacing:-1px;}
.helpA .faqList .tab ul.select li.now a.odd {width:130px; background:url(../../images/help/list_bbs_a_tab_over2.gif) no-repeat left top;}
.helpA .faqList .tab ul.select li.now a.odd2 {width:72px; background:url(../../images/help/list_bbs_a_tab_over3.gif) no-repeat left top;}


/* faq º¸±â */
.helpA .faqList .pagination {margin:0px; padding:0;}

.helpA .faqView {clear:both; background:url(/images/bbs/view_st_bbs_a_bg_all.gif) repeat-y; margin-top:15px;}
.helpA .faqView .tp {clear:both; display:block; height:13px; background:url(/images/bbs/view_st_bbs_a_bg_top.gif) no-repeat left top;}
.helpA .faqView .bt {clear:both; display:block; height:10px; background:url(/images/bbs/view_st_bbs_a_bg_bottom.gif) no-repeat left bottom;}
.helpA .faqView h4.title {color:#333; padding:6px 0 5px 17px; height:25px; margin-left:0px; background:url(../../images/help/cm_view_st_faq_a_title_bg.gif) no-repeat left top;}
.helpA .faqView h4.title strong {display:inline-block; padding:2px 0 3px 17px;}
.helpA .faqView h4.title strong em {color:#333;}

.helpA .faqView .faqWrap {position:relative; padding:0 12px 0 10px;}
.helpA .faqView .faqWrap .desc {padding:0px 0 20px 0;}
.helpA .faqView .faqWrap .desc .text {padding:0 8px 0 25px; line-height:1.5; width:625px; overflow:hidden; background:url(../../images/common/icon_a_01.gif) no-repeat left top;}

/* faq º¸±â - ÇϴܹöÆ° */
.helpA .faqViewBtn {clear:both; margin:10px 0 0 0; width:100%; position:relative;}
.helpA .faqViewBtn ul {position:absolute; top:0; left:0;}
.helpA .faqViewBtn ul li {display:inline; padding-right:3px;}
.helpA .faqViewBtn p {text-align:center;}


/* 1:1 °í°´»ó´ã
------------------------------------------------------------------------------------ */
.helpA .mtmCounsel .bgTp {height:7px; background:url(../../images/common/line_bar_02.gif) no-repeat left top;}
.helpA .mtmCounsel .bgBt {height:10px; background:url(/images/bbs/list_news_bbs_a_bg_bottom.gif) no-repeat left bottom;}
.helpA .mtmCounsel {margin-top:10px;}
.helpA .mtmCounsel h3 {margin:15px 0 2px 0px; _margin:5px 0 7px 0px; padding:1px 0 3px 5px; _height:1%;}
.helpA .mtmCounsel table {width:702px; margin:0 0 5px 0px; border-top:2px solid #b4b4b4; border-bottom:2px solid #b4b4b4;}
.helpA .mtmCounsel table th {background-color:#f4f4f4; border-bottom:1px solid #d6d6d6; text-align:left; height:33px; _height:23px; padding:10px 0 0 20px; _padding:13px 0 0 20px; vertical-align:top; color:#333;}
*:first-child+html .helpA .mtmCounsel table th {height:23px; padding:13px 0 0 20px;}
.helpA .mtmCounsel table td {border-bottom:1px solid #d6d6d6; height:26px; padding:5px 0 5px 20px;}
.helpA .mtmCounsel table td.prod {color:#292929;}
.helpA .mtmCounsel table td input.box {width:126px; height:15px; padding:3px 0 0 3px; border:1px solid #999;}
.helpA .mtmCounsel table td textarea {width:530px; height:200px; padding:3px 0 0 3px; border:1px solid #999;
	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;
}
.helpA .mtmCounsel table td dl {}
.helpA .mtmCounsel table td dl dt a {float:left; width:200px; height:15px; padding:3px 25px 0 7px; background:url(../../images/common/icon_select_01.gif) no-repeat right 1px; border:1px solid #bbb;}
.helpA .mtmCounsel table td dl dt a:hover {text-decoration:none; background-color:#f4f4f4;}
.helpA .mtmCounsel table td dl dd {clear:both; position:relative;}
.helpA .mtmCounsel table td dl dd ul {position:absolute; top:-1px; left:0; border:1px solid #c4c4c4; background-color:#fff; z-index:30; }
.helpA .mtmCounsel table td dl dd ul li a {display:block; _float:left; width:216px; height:15px; padding:3px 10px 0 6px; clear:both; white-space:nowrap; background-color:#fff;}
.helpA .mtmCounsel table td dl dd ul li a:hover {text-decoration:underline;}

.helpA .mtmCounsel ul.btn {padding:20px 0; text-align:center;}
.helpA .mtmCounsel ul.btn li {display:inline;}

/* 1:1 °í°´»ó´ã - ¹ÝÇ°,±³È¯,±âŸ ¹®ÀÇ */
.helpA .caution h3 {text-align:left; margin:20px 0 10px 20px;}
.helpA .caution {width:703px; margin:10px 0 25px 0; padding:0 0 20px 0; background:url(../../images/help/help_a_bg_bot.gif) no-repeat left bottom; text-align:left;}
.helpA .caution ul {padding:20px 20px 0 20px;background:url(../../images/help/help_a_bg_top.gif) no-repeat left top; font:12px/1.8 dotum;}
.helpA .caution ul li {}
.helpA .caution ul li.bly {padding:0 0 0 10px; background:url(../../images/common/bullet_05.gif) no-repeat 3px 8px;}
.helpA .caution ul li.pLeft {padding:0 0 0 70px;}
.helpA .caution ul li.txt {padding:14px 0 4px 0px; color:#6522ab;}
.helpA .caution ul li.img {text-align:center;}
.helpA .caution ul li strong.odd {color:#000;}
.helpA .caution ul li em {color:#FA3354;}
.helpA .caution ul li em.odd {color:#6522ab;}
.helpA .caution ul li.img {}

.helpA p.mungoo1 {margin:10px 0 5px 5px; color:#DD2222;}
.helpA p.mungoo2 {height:18px; color:#0D8B73; font-weight:bold;}
.helpA p.mungoo3 {height:18px; color:#0D8B73; font-weight:bold;}
.helpA .mtmCounsel table.deli {margin-top:25px;}
.helpA .mtmCounsel table.exch {margin-top:25px;}