@charset "euc-kr";
@import url("/common/css/layout.css");
@import url("/common/css/table.css");

/************************************************************************
 * ÆÄÀÏ¸í      : shoppingcart.css
 * ¼³¸í		   : °í°´¼¾ÅÍ - Àå¹Ù±¸´Ï import
 * ÀÛ¼ºÀÚ      : ¹ÚÁ¤¹Ì
 * ÀÛ¼ºÀÏ      : 2009.01.06
************************************************************************/
#customerLeft .box_title {overflow:hidden; width:149px; padding-left:9px; background:url('/images/customer/bg_leftmenu_title_l.gif') no-repeat left top;}
#customerLeft .box_title p {height:37px; padding:6px 0 0 20px; background:url('/images/customer/bg_leftmenu_title_r.gif') no-repeat right top;}

#customerLeft .box_leftmenu {width:158px; margin-top:3px; padding-top:2px; background:url('/images/box/bg_leftmenu_t.gif') no-repeat left top;}
#customerLeft .box_leftmenu ul.leftmenu {width:156px; padding:12px 0 6px 0; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; background-color:#fff;}
	:root #mypageLeft .box_leftmenu ul.leftmenu {padding-top:6px;}
#customerLeft .box_leftmenu ul.leftmenu li {margin:0 8px;}
#customerLeft .box_leftmenu ul.leftmenu p.title {width:127px; height:18px; margin-top:6px; padding-left:14px; border-bottom:1px solid #e7e7e7; background:url('/images/common/bull_pastelgreen_arrow.gif') no-repeat 2px 30%;}
#customerLeft .box_leftmenu ul.leftmenu p.title_off {width:127px; height:18px; margin-top:6px; padding-left:14px; border-bottom:1px solid #e7e7e7; background:url('/images/common/bull_pastelgreen_arrow2.gif') no-repeat 2px 30%;}
#customerLeft .box_leftmenu ul.leftmenu li.last p.title_off {border:none;}
#customerLeft .box_leftmenu ul.leftmenu p img {vertical-align:top;}
#customerLeft .box_leftmenu .leftmenuBtm {width:100%; height:4px; background:#fff url('/images/box/bg_leftmenu_b.gif') no-repeat left top; font-size:0;}

ul.leftmenu li ul.submenu {margin-top:4px; padding-bottom:8px;}
ul.leftmenu li ul.submenu li {margin:0 !important; padding-left:14px; border:none !important; background:url('/images/common/bull_square_purple.gif') no-repeat 5px 7px; font:normal 11px Dotum, "µ¸¿ò"; color:#666; line-height:18px;}
ul.submenu li a:link, ul.submenu li a:hover, ul.submenu li a:visited, ul.submenu li a:active {color:#666;}

.centerArea {margin-left:23px; padding-bottom:45px;}
.centerArea h2 {margin-top:10px;}

.centerArea h3 {width:717px; position:relative; height:12px; padding-left:9px; background:url('/images/common/bull_yellow_ellipse.gif') no-repeat left 3px; margin-bottom:2px; font-weight:normal;} 
.centerArea h3 span.txt_con {display:block; float:left; padding:2px 0 0 6px;}
.centerArea h4 {width:712px; position:relative; height:12px; padding-left:14px; background:url('/images/common/bull_h4_yellow_ellipse.gif') no-repeat left 7px; margin-top:20px; margin-bottom:-4px; font-weight:normal;}
.centerArea h4 span.txt_con {display:block; float:left; padding:2px 0 0 6px;}
.centerArea h2 img, .centerArea h3 img, .centerArea h4 img {vertical-align:top; font-size:0; line-height:0;}

.h3_rightBtn {position:absolute; top:10; right:0;}
.h3_rightBtn span.btn_sm_gray {float:left; margin-left:2px;}

.h4_rightBtn {position:absolute; top:0; right:0;}
.h4_rightBtn span.btn_sm_gray {float:left; margin-left:2px;}

.box_total_price {overflow:hidden; width:688px; margin-top:20px; padding:0 0 8px 36px; border:1px solid #efecdd; background-color:#fffff0;}
.box_total_price p {float:left; line-height:25px; color:#888;}
.box_total_price p.item {margin-top:20px; padding-left:11px; background:url('/images/common/bull_bgyellow_green_arrow.gif') no-repeat left 9px;}
.box_total_price p.item span.price {font-weight:bold; color:#77613b;}
.box_total_price p.item span.mark {padding:0 7px 0 9px; font-size:11px;}
.box_total_price p.item span.equal {padding-left:15px; font-size:11px;}
.box_total_price p.total {width:100px; margin:18px 0 0 5px;}
.box_total_price p.total span {display:block; text-align:center; font:bold 11px Dotum, "µ¸¿ò"; color:#333;}
.box_total_price p.total strong {display:block; text-align:center; font-size:14px;}

/* °Ë»ö¹Ú½º */
.shc_box {width:726px; text-align:right; margin-top:20px;}
.shc_box p.tit_sch img {vertical-align:middle;}

.faq_shc_box {width:726px; background-color:#f4f3ee; text-align:center; margin:20px 0 20px 0; padding:15px 0 15px 0;}
.faq_shc_box p.faq_tit_sch img {vertical-align:middle;}
.faq_shc_box p.faq_tit_sch input {border:1px solid #a0a0a0;}
.faq_shc_box p.faq_tit_sch .faq_tit {padding-right:28px;}

/* // °Ë»ö¹Ú½º */

p.faq_sch_txt {padding-left:11px; margin-bottom:10px; background:url('/images/common/bull_tri_green.gif') no-repeat left 3px;}

/* Å×ÀÌºí »çÀÌÁî ÁöÁ¤ */
.box_green_tbl {width:726px; margin-top:6px;}
.box_green_viw {width:726px; margin-top:20px;}
.table_type_1 {width:726px; margin-top:20px;}

/* ¹öÆ° À§Ä¡ */
.box_sm_btn {overflow:hidden; width:726px; margin-top:10px;}
.box_sm_btn .fl .btn_sm_gray {float:left; margin-right:3px;}
.box_sm_btn .fr .btn_sm_gray {float:left; margin-left:3px;}

.btn_right5 {text-align:right; margin-top:5px;}

.box_order_btn {overflow:hidden; width:726px; padding-top:25px; background:url('/images/common/bg_dot.gif') repeat-x left 10px; text-align:center;}

/* ¸ÞÀÎ */
#mypageMainConWrap {position:relative; width:930px; padding-top:6px; background:url('/images/box/bg_content_t.gif') no-repeat left top; margin-bottom:136px;}
#mypageMainConWrap .box_con {overflow:hidden; width:100%; padding-bottom:16px; background:url('/images/box/bg_content_m.gif') repeat-y left top;}
#mypageMainConWrap .conBtm {width:100%; height:6px; background:url('/images/box/bg_content_b.gif') no-repeat left top; font-size:0;}

#mypageMainConWrap .box_con .leftArea {margin-left:6px;}
	*html #mypageMainConWrap .box_con .leftArea {margin-left:3px;}
#mypageMainConWrap .box_con .centerArea {overflow:hidden; width:726px; margin-left:6px; padding:235px 16px 50px 17px; background:url('/images/mypage/bg_main.gif') repeat-x 0 200px;}
	*html #mypageMainConWrap .box_con .centerArea {margin-left:5px;}

.mainTop {position:absolute; top:1px; left:187px; width:726px; padding-top:11px; background:transparent url('/images/customer/bg_maintop.gif') no-repeat left top;}
.mainTopLeft {float:left; overflow:hidden; width:503px;}
.mainTopLeft .title {overflow:hidden; height:32px; padding:12px 0 0 17px; background:transparent url('/images/customer/bg_main_notice.gif') no-repeat left bottom;}
.mainTopLeft .title p {float:left;}
.mainTopLeft .title p.con {padding:2px 0 0 9px;}
.mainTopLeft .title p img {display:block;}

.mainTopLeft .infoWrap {width:451px; margin:0 0 0 23px; padding-top:29px; background:url('/images/customer/bg_main_notice_t.gif') no-repeat left top;}
.mainTopLeft .infoWrap .box_notice_info {overflow:hidden; width:449px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background-color:#fff;}
.mainTopLeft .infoWrap .notice_con {float:left; width:277px; margin-top:5px; padding:4px 0 5px 12px; background:url('/images/common/bg_gray_dot_height.gif') repeat-y right top;}
.mainTopLeft .infoWrap .notice_con li {padding:6px 0 0 13px; font:normal 11px Dotum, "µ¸¿ò"; color:#888; line-height:12px; background:url('/images/common/bull_gray_square.gif') no-repeat 5px 8px; letter-spacing:-1px;}
.mainTopLeft .infoWrap ul li.tit_info {position:relative; height:20px; padding:0 0 0 15px; background:url('/images/common/icon_green_leaf.gif') no-repeat left top;}
.mainTopLeft .infoWrap ul li.tit_info img {vertical-align:top;}
.mainTopLeft .infoWrap ul li.tit_info a.btn_more2 {position:absolute; top:1px; right:10px;}
.mainTopLeft .infoWrap .use_info_con {float:left; width:146px; margin-left:14px; padding-bottom:10px;}
.mainTopLeft .infoWrap .use_info_con li {height:12px; padding:6px 0 0 6px;}
	*html .mainTopLeft .infoWrap .use_info_con li {padding-top:4px;}
.mainTopLeft .infoWrap .use_info_con li.tit_info {padding-top:8px; background-position:left 8px;} 
	*html .mainTopLeft .infoWrap .use_info_con li.tit_info {padding-bottom:2px;}
.mainTopLeft .infoWrap .use_info_con li img {vertical-align:top; font-size:0;}
.mainTopLeft .infoWrap .info_btm {clear:both; height:5px; background:url('/images/customer/bg_main_notice_b.gif') no-repeat left top; font-size:0;}


.mainTopRight {overflow:hidden; float:left; width:204px;}
.mainTopRight p {clear:both; width:204px; height:49px; margin:0; padding:15px 0 0 17px;}
.mainTopRight p img {display:block;}
.mainTopRight p.use_info {padding-top:11px; height:53px; background:url('/images/customer/bg_top_con1.gif') no-repeat left top;}
.mainTopRight p.faq_info {background:url('/images/customer/bg_top_con2.gif') no-repeat left top;}
.mainTopRight p.counsel {background:url('/images/customer/bg_top_con3.gif') no-repeat left top;}
.mainTopRight img.icon_beans {position:absolute; top:188px; right:30px;}

#mypageMainConWrap .centerArea h3 {width:726px; height:13px; padding:5px 0 9px 0; background:none; border-bottom:1px solid #e2e2e2;} 
#mypageMainConWrap .centerArea h3 img {display:block;}
#mypageMainConWrap .centerArea h3 span.txt_con {display:block; float:left; padding:1px 0 0 6px;}

#mypageMainConWrap .centerArea .box_search {overflow:hidden; width:723px; margin-top:8px; padding-left:3px; background:url('/images/customer/bg_search_l.gif') no-repeat left top;}
#mypageMainConWrap .centerArea .box_search .search {width:720px; padding-right:3px; background:url('/images/customer/bg_search_r.gif') no-repeat right top;}
.centerArea .box_search .search .faq_search {overflow:hidden; height:29px; padding:7px 0 0 19px;background:url('/images/customer/bg_search_m.gif') repeat-x left top;}
	:root .centerArea .box_search .search .faq_search {height:28px; padding-top:8px;}
.centerArea .box_search .search .faq_search img {vertical-align:middle;}
.centerArea .box_search .search .faq_search img.tit {margin:6px 17px 0 0;}
.centerArea .box_search .search .faq_search input {height:17px; margin-right:1px; border:1px solid #a0a0a0; vertical-align:top;}

#mypageMainConWrap .centerArea .tab_green {margin-top:15px;} 

#mypageMainConWrap .centerArea .tbl_faq_list {margin-top:8px;}
.tbl_faq_list td {height:18px; padding-top:7px; border-bottom:1px solid #efefef;}
	:root .tbl_faq_list td {height:25px;}
.tbl_faq_list td.num {text-align:right; vertical-align:top;}
.tbl_faq_list td.num img {vertical-align:top;}
.tbl_faq_list td p {padding-left:13px; color:#888; vertical-align:text-top;}
.tbl_faq_list td p a:hover {color:#519c3d;}

#mypageConWrap .tab_green {background:none !important;}
#mypageConWrap .tab_green li.on {margin-top:0;}

/* ÀÌ¿ë¾È³» ÅÇ */
.myListWrap {overflow:hidden; position:relative; width:726px; padding:25px 0 5px 0; background:#fff url('/images/box/bg_my_list_b.gif') no-repeat left bottom;}
	:root .myListWrap {padding-top:34px;}
.my_list_top {overflow:hidden; font-size:0; width:100%; height:5px; background: url('/images/box/bg_my_list_t.gif') no-repeat left top;}
.tabMenuWrap {clear:both; position:absolute; top:0; left:0;}
	:root .tabMenuWrap {clear:both; position:absolute; top:9px; left:0;}
.tabMenuWrap .tab_green02 {float:left;}

.myListWrap .box_my_list {overflow:hidden; height:13px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:8px 0 6px 0;}
.box_my_list .menu_bx01 {margin-left:22px;}
.box_my_list .menu_bx02 {margin-left:105px;}
.box_my_list .menu_bx03 {margin-left:110px;}
.box_my_list .menu_bx04 {margin-left:285px;}
.box_my_list .menu_bx05 {margin-left:105px;}
.box_my_list ul.tab_2depth li {float:left; background:url('/images/common/line_gray4.gif') no-repeat right top; margin-right:11px; padding-right:11px;}
.box_my_list ul.tab_2depth li.non {background:none;}
.box_my_list ul.tab_2depth li span {background:url('/images/common/bull_cust_green_off.gif') no-repeat right 3px; padding-right:9px;}
.box_my_list ul.tab_2depth li span.on {background:url('/images/common/bull_cust_green_on.gif') no-repeat right 3px; padding-right:9px; color:#000; font-weight:bold;}
.box_my_list ul.tab_2depth li a {color:#999;}
.box_my_list ul.tab_2depth li a:hover {color:#000; text-decoration:underline;}

/*°í°´¼¾ÅÍ*/
.guideContWrap {overflow:hidden; width:726px; margin-top:23px; color:#666666;}

/*.guideContWrap dl {margin:0px 0px 10px 14px;}
.guideContWrap dt {color:#866e3e; line-height:18px;}
.guideContWrap dt {font-weight:bold;}
.guideContWrap dd {display:block; margin:0px 10px 0px 11px; line-height:18px;}*/

/*½ºÅ¸ÀÏ1*/
.guideContWrap .dl_1 {margin:0px 0px 10px 14px;}
.guideContWrap .dl_1 dt {color:#866e3e; line-height:18px;}
.guideContWrap .dl_1 dd{display:block; margin:0px 10px 0px 14px; line-height:18px;}
.guideContWrap .dl_1 span {font-weight:bold;}
/*½ºÅ¸ÀÏ2*/
.guideContWrap .txt_dt {font-weight:bold; color:#555555; padding-bottom:12px;}
.guideContWrap .txt_dt span {font-weight:normal; color:#999999}
.guideContWrap .txt_dt img {padding-right:5px;}
.guideContWrap .txt_dt .icon_01 {vertical-align:middle;margin:-1px 0px 1px 0px;}
.guideContWrap .txt_dd {line-height:18px; padding:0px 14px 8px 14px;}
.guideContWrap .txt_dd span {display:block; padding:8px 0px 0px 0px;}
/*½ºÅ¸ÀÏ3*/
.guideContWrap p {background:url('/images/common/bull_squre_darkgray.gif') no-repeat 5px 12px; padding:8px 0px 0px 12px; line-height:14px; color:#999999;font-size:11px;}
.guideContWrap .txt01 {color:#b49813;}
.guideContWrap .tit_01 {display:block; color:#866e3e;}
.guideContWrap .tit_text {display:block; margin-left:14px;}
.guideContWrap .tit_text2 {margin-left:14px; line-height:18px;}
.guideContWrap .tit_text2 .col_01 {color:#866e3e;}
.guideContWrap .bd {font-weight:bold;}
.guideContWrap .step01 {background:url('/images/customer/guide/bg_step02.gif') 0px 20px no-repeat; width:100%; height:83px;}
.guideContWrap .dot_bg {clear:both; background:url('/images/common/bg_dot.gif') repeat-x bottom; width:724px; height:1px; margin:0px auto 0px auto;}

.guid_btm {}
.guid_btm .guid_btm_01 {background:url('/images/box/bg_customer_t.gif') no-repeat; height:3px;}
.guid_btm .guid_btm_02 {vertical-align:top; border-left:2px solid #e6e6e6; border-right:2px solid #e6e6e6; padding:14px 0px 8px 0px;}
.guid_btm .guid_btm_02 .img_logo {float:left; padding:0px 15px 0px 24px;}
.guid_btm .guid_btm_02 .img_title {float:left;}
.guid_btm .guid_btm_02 .img_title2 {float:left;}
.guid_btm .guid_btm_02 .img_title span {font-size:11px;}
.guid_btm .guid_btm_02 .inbox {background:url('/images/box/bg_customer_in_t.gif') no-repeat left top;width:704px; padding-top:2px; margin:10px auto 0px auto;}
.guid_btm .guid_btm_02 .inbox .bg_btm {background:url('/images/box/bg_customer_in_b.gif') no-repeat left top; width:704px; height:2px; font-size:0;}
.guid_btm .guid_btm_02 .inbox .bg_cont {overflow:hidden; background:#f3f3f3; padding:10px; height:100%;}
.guid_btm_02 .inbox .bg_cont ul {float:left; background:url('/images/common/guide_bar_01.gif') no-repeat right; margin:7px 0px 3px 9px;}
.guid_btm_02 .inbox .bg_cont li {background:url('/images/common/txt_li_line01.gif') 0px 8px no-repeat; padding:0px 0px 0px 10px; line-height:24px; font-size:11px;}
.guid_btm_02 .inbox .bg_cont .url_txt {float:left; font-weight:normal;}
.guid_btm_02 .inbox .bg_cont li .btn_go {float:right; height:17px;}
.guid_btm_02 .inbox .bg_cont li .btn_go img {vertical-align:middle; margin:2px 10px 2px 0px;}
.guid_btm_02 .inbox .bg_cont .bd {font-weight:bold;}
.guid_btm_02 .inbox .bg_cont .non2 {background:none;}
.guid_btm_02 .inbox .bg_cont dl {}
.guid_btm_02 .inbox .bg_cont dd {padding:0px 15px 0px 15px;}
.guid_btm_02 .inbox .bg_cont .txt02 {color:#888888; font-size:11px; line-height:17px;}
.guid_btm_02 .inbox .bg_cont .txt02 span {color:#b49813;}
.guid_btm .guid_btm_03{background:url('/images/box/bg_customer_b.gif') no-repeat; width:100%; height:3px; padding-top:10px;}
.guid_btm_02 .inbox .bg_cont .style_01 {width:219px;}
.guid_btm_02 .inbox .bg_cont .style_02 {width:320px;}

/*Ä«µå¸®½ºÆ®*/
.c_guide {}
.c_guide .bg01 {background:url('/images/box2/bgBox07Top.gif') 0px 0px no-repeat; width:726px; height:5px; font-size:0px;}
.c_guide .bg02 {background:url('/images/box2/bgBox07C.gif') 0px 0px repeat-y; width:726px; height:100%; text-align:center;}
.c_guide .bg03 {background:url('/images/box2/bgBox07Bottom.gif') 0px 0px no-repeat; width:726px; height:5px; font-size:0px;}
.c_guide .guide1 {float:left;}
.c_guide .guide2 {float:left;}
.c_guide .guide_list {overflow:hidden; width:440px; margin:0px auto 0px auto; padding:10px 0px 10px 0px;}
.c_guide .guide_list dl {}
.c_guide .guide_list dt {}
.c_guide .guide_list dd {background:url('/images/customer/guide/card_bg02.gif') 0px 0px no-repeat; width:177px; height:19px; padding:6px 0px 2px 0px;}
.c_guide .guide_list .bar {float:left; background:url('/images/common/guide_bar_01.gif') no-repeat right; margin:7px 20px 3px 20px;width:2px;height:47px;}

/*ÀÎÁõ*/
.adduction {}
.adduction .bg_01 {background:url('/images/box/bg_2_line_t.gif') no-repeat; width:100%; height:2px; font-size:0px;}
.adduction .bg_02 {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; height:100%;}
.adduction .bg_02 .title_box {width:684px; height:20px; border-bottom:1px solid #e8e8e8; vertical-align:bottom; margin-left:18px; padding-left:4px;}
.adduction .bg_02 ul {height:100%; overflow:hidden;}
.adduction .bg_02 li {float:left; padding-right:10px; }
.adduction .bg_02 .act_al {text-align:center;}
.adduction .bg_03 {background:url('/images/box/bg_2_line_btm.gif') no-repeat; width:100%; height:2px;}
/*//ÀÎÁõ*/
/*Ä«µå¸®½ºÆ®*/
.card_list {overflow:hidden; background:url('/images/customer/guide/bg_card01.gif') 0px 0px no-repeat; width:727px; height:100%; padding:0px 18px 0px 18px; height:100%;}
.card_view {overflow:hidden;}
.card_view .card {float:left; width:153px;}
.card_view .card img {vertical-align:bottom; }
.card_view .card .card_tit {display:block;text-align:center;}
.card_view .card .card_tit img {margin-bottom:6px;}
.card_view .card .card_bg {float:left; background:url('/images/customer/guide/card_bg01.gif') 0px 0px no-repeat; width:117px; height:20px; text-align:center;}
.card_view .card .card_bg img {padding-top:4px;}
.card_view .card .card_btn {float:left;padding-left:2px;}
/*//Ä«µå¸®½ºÆ®*/

/*½ºÅ¸ÀÏ txt list ul dt dd*/
.txt_list ul {}
.txt_list li {background:url('/images/common/txt_li_line01.gif') 0px 6px no-repeat; padding:0px 0px 0px 10px; line-height:18px; margin:0px 0px 0px 5px;}

.txt_list dt {font-weight:bold;}
.txt_list dd {background:url('/images/common/txt_li_line01.gif') 0px 6px no-repeat; padding:0px 0px 7px 10px; line-height:18px; margin:0px 0px 0px -9px;}
.txt_list .col_1 {color:#e26464;}
.txt_list .col_2 {color:#866e3e;}

.txt_list2 dt {font-weight:bold;line-height:20px;} 
.txt_list2 dd {line-height:18px; margin:0px 0px 0px 20px;} 
.txt_list2 .col_2 {color:#866e3e;}


/* µ¡±Û */


.storyReplyBx {width:740px; background:url('/images/box/bg_st_reply_t.gif') no-repeat left top; padding-top:5px; margin-top:28px;}
.storyReplyBx .storyReplyCont {height:100%; border-left:1px solid #dedede; border-right:1px solid #dedede; padding:7px 15px 12px 18px;}
.storyReplyBtm {width:740px; height:5px; font-size:0; background:url('/images/box/bg_st_reply_b.gif') no-repeat left bottom;}
.storyReplyCont p.re_tit {color:#f86f00; font-size:11px; font-weight:bold; padding-bottom:3px;}
.storyReplyCont p.re_tit span {font-weight:normal; margin-left:3px;}
.storyReplyCont p.re_write img {vertical-align:top;}

.tbl_reply {overflow:hidden; margin-top:10px;}
.tbl_reply table {width:100%;}
.tbl_reply table tbody td {border-bottom:1px solid #e6e6e6; padding:7px 0 7px 0;}
.tbl_reply table tbody td p.user {color:#666; padding-left:10px;}
.tbl_reply table tbody td p.recont a {color:#555; padding-left:10px;}
.tbl_reply table tbody td p.date {color:#878787; font-size:11px; text-align:center; padding-left:10px;}
.tbl_reply table tbody td p.btn {margin-right:10px; vertical-align:top;}

/* //µ¡±Û */