@charset "utf-8"; /* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* For General */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */ @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); img { border:0px; vertical-align:top; } div { font-size:12px; font-family: 'Nanum Gothic', tahoma; } table { font-size:12px; font-family: 'Nanum Gothic', '돋움';} ul,li { list-style-image:none; list-style-position:outside; list-style-type:none; line-height:100%; } * { padding:0px; margin:0px; } /*BODY {font-size:12px; font-family:font-family: 'Nanum Gothic', tahoma; background:#f6f6f6;}*/ BODY {font-size:12px; font-family:font-family: 'Nanum Gothic', tahoma; background:#ffffff;} input, textarea, select { vertical-align:middle; font-size:12px; } select {background: transparent; border:1px solid #ddd; font-size: 12px; height: 29px; padding: 4px; } a:link{ color: #202020; text-decoration: none; } a:visited{ color: #202020; text-decoration: none; } a:active{ color: #202020; text-decoration: none; } a:hover{ color: #333; text-decoration: none; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* For Layer */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Layout (공통) */ .clear{ display:block; float:none; clear:both; margin:0px; padding:0px; } .clearboth { display:inline-block; float:none; clear:both; margin:0px; padding:0px; } /* floating 을 해제하기 위한 클래스 추가, 의미없는 clear만 있는 gabage source 제거 */ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix {height: 1px; } .clearfix {display: block;} /* End hide from IE-mac */ .height100 { height:100px; } .height90 { height:90px; } .height80 { height:80px; } .height70 { height:70px; } .height60 { height:60px; } .height50 { height:50px; } .height40 { height:40px; } .height30 { height:30px; } .height20 { height:20px; } .height10 { height:10px; } .height5 { height:5px; } .height3 { height:3px; } .height2 { height:2px; } a.btn_immane{display:inline-block;padding-right:4px;font-family:'Nanum Gothic',dotum;font-size:16px;background:url(/images/board/bg_btn_default_immane.gif) no-repeat 100% 0;color:#333;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap} a.btn_immane span,a.btn_immane strong{display:block;padding:9px 22px 7px 24px;background:url(/images/board/bg_btn_default_immane.gif) no-repeat} a.btn_big{display:inline-block;padding-right:4px;background:url(/images/board/bg_btn_default.gif) no-repeat 100% 0;color:#333;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap} a.btn_big span,a.btn_big strong{display:block;padding:2px 8px 1px 12px;background:url(/images/board/bg_btn_default.gif) no-repeat} a.btn_sml{display:inline-block;padding:0 4px 0 0; background:url(/images/board/bg_btn_default.gif) no-repeat 100% -31px;color:#333;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap} a.btn_sml span,a.btn_sml strong{display:block;padding:2px 4px 1px 8px;background:url(/images/board/bg_btn_default.gif) no-repeat 0 -31px; } a.btn_immane_P{display:inline-block;padding-right:4px;font-family:'Nanum Gothic',dotum;font-size:16px;background:url(/images/board/bg_btn_default_point_immane.gif) no-repeat 100% 0;color:#fff;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap} a.btn_immane_P span,a.btn_immane_P strong{display:block;padding:9px 22px 7px 24px;background:url(/images/board/bg_btn_default_point_immane.gif) no-repeat} a.btn_big_P{display:inline-block;padding-right:4px;background:url(/images/board/bg_btn_default_point.gif) no-repeat 100% 0;color:#fff;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap} a.btn_big_P span,a.btn_big_P strong{display:block;padding:1px 8px 1px 12px;background:url(/images/board/bg_btn_default_point.gif) no-repeat} a.btn_sml_P{display:inline-block;padding:0 4px 0 0; background:url(/images/board/bg_btn_default_point.gif) no-repeat 100% -31px;color:#fff;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap;} a.btn_sml_P span,a.btn_sml_P strong{color:#fff;display:block;padding:1px 4px 1px 8px;background:url(/images/board/bg_btn_default_point.gif) no-repeat 0 -31px; } a.btn_link {margin-left:0px; display:inline-block; padding-right:10px;background:url(/images/board/bg_btn_link.gif) no-repeat 100% 0; text-align:center; font-family:'Nanum Gothic'; font-size:14px;color:#676d7a;line-height:26px; letter-spacing:-0.04em; text-decoration:none !important;white-space:nowrap} a.btn_link span,a.btn_link strong{display:block;padding:7px 0px 7px 10px; background:url(/images/board/bg_btn_link.gif) no-repeat; color:#999; } a.btn_link_ov {margin-left:0px; display:inline-block;padding-right:16px;background:url(/images/board/bg_btn_link_ov.gif) no-repeat 100% 0;font-family:'Nanum Gothic'; font-size:14px;color:#fff;line-height:26px; letter-spacing:-1; text-decoration:none !important;white-space:nowrap; } a.btn_link_ov span,a.btn_link_ov strong{ text-align:center; display:block;padding:7px 0px 7px 10px;background:url(/images/board/bg_btn_link_ov.gif) no-repeat; letter-spacing:-0.04em; } a.btn_link1 {margin-left:0px; display:inline-block; background:url(/images/board/bg_btn_link.gif) no-repeat 100% 0; text-align:center; font-family:'Nanum Gothic'; font-size:14px;color:#676d7a; letter-spacing:-0.04em; text-decoration:none !important;white-space:nowrap} a.btn_link1 span,a.btn_link1 strong{display:block;padding:7px 0px 7px 10px; background:url(/images/board/bg_btn_link.gif) no-repeat; color:#999; } a.btn_link_ov1 {margin-left:-2px; text-align:center; display:inline-block; padding-right:16px;background:url(/images/board/bg_btn_link_ov1.gif) no-repeat 100% 0;font-family:'Nanum Gothic'; font-size:14px;color:#fff;line-height:26px; letter-spacing:-1; text-decoration:none !important;white-space:nowrap; } a.btn_link_ov1 span,a.btn_link_ov1 strong{display:block;padding:7px 0px 7px 10px;background:url(/images/board/bg_btn_link_ov1.gif) no-repeat; letter-spacing:-0.04em; } a.btn_social {width:300px;text-align:center;display:inline-block;background:url(/images/board/bg_btn_link.gif) no-repeat 100% 0;font-family:'Nanum Gothic',dotum;font-size:16px;color:#676d7a;word-spacing:-1px;text-decoration:none !important;white-space:nowrap} a.btn_social span,a.btn_social strong{display:block;padding:12px 0 20px 0;background:url(/images/board/bg_btn_social.gif) no-repeat; color:#999; } a.btn_social_ov {width:300px;text-align:center;display:inline-block;background:url(/images/board/bg_btn_social_ov.gif) no-repeat 100% 0;font-family:'Nanum Gothic',dotum;font-size:16px;color:#fff;word-spacing:-1px;text-decoration:none !important;white-space:nowrap} a.btn_social_ov span,a.btn_social_ov strong{display:block;padding:12px 0 20px 0;background:url(/images/bg_btn_social_ov.gif) no-repeat; } a.btn_normal_address {font-family:'Nanum Gothic';font-size:12px; text-align:center; display:inline-block; border:1px solid #666;padding:1px 6px 1px 6px; background:#fff; color:#666; text-decoration:none !important;white-space:nowrap; -moz-border-radius: 3px; -webkit-border-radius: 3px; /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 3px;} a.btn_normal {font-family:'Nanum Gothic';font-size:12px; text-align:center; display:inline-block; padding:8px 10px 8px 10px; background:#ffa024; color:#fff; text-decoration:none !important;white-space:nowrap; -moz-border-radius: 3px; -webkit-border-radius: 3px; /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 3px;} a:hover.btn_normal {font-family:'Nanum Gothic';font-size:12px; text-align:center; display:inline-block; padding:8px 10px 8px 10px; background:#eed02d; color:#fff; text-decoration:none !important;white-space:nowrap; -moz-border-radius: 3px; -webkit-border-radius: 3px; /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 3px;} a.btn_admin {font-family:'Nanum Gothic';font-size:12px; margin-left:2px; display:inline-block; margin-top:-5px; padding:5px 5px 5px 5px; background:#ffa024; color:#fff; text-decoration:none !important;white-space:nowrap; -moz-border-radius: 1px; -webkit-border-radius: 1px; /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 1px;} a:hover.btn_admin {font-family:'Nanum Gothic';font-size:12px; margin-left:2px; display:inline-block; margin-top:-5px; padding:5px 5px 5px 5px; background:#eed02d; color:#fff; text-decoration:none !important;white-space:nowrap; -moz-border-radius: 1px; -webkit-border-radius: 1px; /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 1px;} a.btn_member {font-family:'Nanum Gothic'; font-size:12px; text-align:center; width:91px; display:inline-block; padding:8px 0px 8px 0px; background:#ff7513; color:#fff; text-decoration:none !important;white-space:nowrap; -moz-border-radius: 1px; -webkit-border-radius: 1px; /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 1px;} a:hover.btn_member {font-family:'Nanum Gothic'; font-size:12px; text-align:center; width:91px; display:inline-block; padding:8px 0px 8px 0px; background:#ffa024; color:#fff; text-decoration:none !important;white-space:nowrap; -moz-border-radius: 1px; -webkit-border-radius: 1px; /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 1px;} a.btn_search {font-family:'Nanum Gothic';font-size:12px; text-align:center; display:inline-block; padding:7px 10px 6px 10px; background:#a6a6a6; color:#fff; text-decoration:none !important;white-space:nowrap; -moz-border-radius: 1px; -webkit-border-radius: 1px; /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 1px;} a:hover.btn_search {font-family:'Nanum Gothic';font-size:12px; text-align:center; display:inline-block; padding:7px 10px 6px 10px; background:#ffa024; color:#fff; text-decoration:none !important;white-space:nowrap; -moz-border-radius: 1px; -webkit-border-radius: 1px; /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 1px;} a.close {font-family:'Nanum Gothic';font-size:12px; text-align:center; width:15px; height:15px; display:inline-block; padding:5px 6px; background:#ffa024; color:#fff; text-decoration:none !important;white-space:nowrap;} a:hover.close {font-family:'Nanum Gothic';font-size:12px; text-align:center; width:15px; height:15px; display:inline-block; padding:5px 6px; background:#eed02d; color:#fff; text-decoration:none !important;white-space:nowrap;} a.btn_ok1 {font-size:16px; font-family:'Nanum Gothic'; font-size:16px; text-align:center; border:1px solid #3e424a; display:inline-block; padding:11px 15px 9px 15px; background:#7d889a; color:#fff; text-decoration:none !important;white-space:nowrap; -moz-border-radius: 3px; -webkit-border-radius: 3px; /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 3px;} a.btn_etc {font-family:'Nanum Gothic'; font-size:14px; font-weight:bold; text-align:center; width:184px; display:inline-block; padding:17px 0; background:#4d4d4d; color:#fff; text-decoration:none !important;white-space:nowrap; -moz-border-radius: 1px; -webkit-border-radius: 1px; /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 1px;} a:hover.btn_etc {font-family:'Nanum Gothic'; font-size:14px; font-weight:bold; text-align:center; width:184px; display:inline-block; padding:17px 0; background:#ffa024; color:#fff; text-decoration:none !important;white-space:nowrap; -moz-border-radius: 1px; -webkit-border-radius: 1px; /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 1px;} /* 버튼 */ .btn_both {overflow:hidden;clear:both;width:100%; margin:16px 0 0 0; } .btn_both .fl {float:left} .btn_both .fr {float:right} .btn_both .fc {text-align:center} /* 정렬 */ .align_both {overflow:hidden;clear:both;width:100%; } .align_both .fl {float:left} .align_both .fr {float:right} .align_both .fc {text-align:center} /* 게시판_pagingNew */ .board_paginate { padding:15px 0; text-align:center;} .board_paginate *{ margin:0; padding:0;} .board_paginate a, .board_paginate strong{ _position:relative; display:inline-block; margin:0 1px; padding:3px 8px 4px 8px; color:#333; text-decoration:none !important; line-height:normal; font:bold 11px Tahoma, Serif; background:url(/images/board/line_pg4.gif) no-repeat 0 5px;} .board_paginate strong{ color:#fff !important; background:#ffa024; border-radius:4px; } .board_paginate a:hover, .board_paginate a:active, .board_paginate a:focus{ background:#f7f7f7; border-radius:4px; } .board_paginate a.pre, .board_paginate a.pre_end, .board_paginate a.next, .board_paginate a.next_end{ font:11px "Nanum Gothic", Dotum, "Nanum Gothic", Gulim, AppleGothic, Sans-serif;} .board_paginate a.pre{ margin-right:2px; padding:4px 10px 2px 14px; background:url(/images/board/bu_pg4_l1.gif) no-repeat right 4px !important;} .board_paginate a.pre_end{ padding:4px 6px 2px 16px; background:url(/images/board/bu_pg4_l2.gif) no-repeat right 4px !important;} .board_paginate a.next{ margin-left:2px; padding:4px 14px 2px 12px; background:url(/images/board/bu_pg4_r1.gif) no-repeat left 4px !important;} .board_paginate a.next_end { padding:4px 16px 2px 6px; background:url(/images/board/bu_pg4_r2.gif) no-repeat left 4px !important;} .top_margin { margin-top:10px; } .right_margin { margin-right:10px; } .bottom_margin { margin-bottom:10px; } .left_margin { margin-left:10px; } .h_line { border-top:2px solid #dddee0; } .board_line { border-top:1px solid #dddee0; } .board_line_bottom { border-bottom:1px solid #dddee0; } .board_line1 { border:1px solid #dddee0; } .dot_line { border-top:1px dotted #dddee0; height:10px; margin-top:10px; } /* 신청리스트_구매/배송 */ .icon_B { color:#06F; font-size:12px; margin-right:2px; } .icon_D { color:#C00; font-size:12px; margin-right:2px; } /* popup (공통) */ #mask { position:absolute; left:0; top:0; z-index:99; background:#000; display:none; } #layer .window { position:absolute; display:none; z-index:999; } .modal_close { position:absolute; right:0; margin:-39px 0 0 0; } .ly_pop { position:absolute;z-index:10; border:1px solid #454a57; } /* Layout (popup) */ #popup_head { background:url(/images/popup/title_bg.jpg) repeat-x 0 0; font-weight:bold; height:32px; color:#fff; font-family:'Nanum Gothic',dotum; font-size:16px; padding:16px 0 0 20px; } #popup_head em { background:url(/images/popup/title_bgBar.gif) no-repeat 0 0; font-weight:normal; color:#fff; font-family:'Nanum Gothic',dotum; font-size:12px; font-style:normal; padding:5px 0 0 14px; margin-left:8px; } #popup_head span { position:absolute; top:15px; right:20px; } #popup_warp { background:#f7f8fa; padding:20px; height:100%; } #popup_footer { background:#f7f8fa; border-top:1px solid #dfdfdf; padding:0 0 20px 0; } /* 주소 */ .zipcode_List { width:100%; margin:0px auto; height:227px; background:#fff; overflow-y:scroll; overflow-x:hidden; scrollbar-face-color:#F7F7F7; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#cccccc; font-family:'Nanum Gothic',dotum; } .zipcode_List li { clear:both; line-height:1.4; font-size:12px; } .zipcode_List p { float:left; padding:7px 0px 5px 0px; border-right:1px solid #cecece; border-bottom:1px solid #cecece; } .zipcode_List .bg { background:#CCC; color:#fff; font-weight:bold; text-align:center; } .zipcode_List .no { width:78px; text-align:center; } .zipcode_List .address { width:350px; padding-left:5px; border-right:none; } .zipcode_List p a { color:#565555; } /* 노데이터 (공통) */ td.noData { height:140px; text-align:center; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* 인풋박스 */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* input */ .input_login { padding:4px 5px 0 5px; border-top:1px solid #bcbebc; border-left:1px solid #bcbebc; border-bottom:1px solid #dddfe2; border-right:1px solid #dddfe2; color:#333; background:#fff; height:16px; } .input_textarea { padding:3px 5px; border-top:1px solid #c5c5c5; border-left:1px solid #c5c5c5; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; color:#333; background:#fff; font-size:12px; scrollbar-face-color:#F7F7F7; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #cccccc; } .input_search { padding:3px 3px 2px 5px ; border:1px solid #e1e1e1; } .input_button { padding:6px 5px 4px 5px ; border:none; background:#ca0202; font-weight:bold; color:#fff; } .input_box { padding:6px 5px 5px 5px; border:1px solid #cdcdcd; } /* input_OVER */ .input_over { border:1px solid #ffa024; } /* select */ SPAN.select-type { font-family:'Nanum Gothic', sans-serif; padding-right:6px; BORDER-BOTTOM: #cdcdcd 1px solid; BORDER-LEFT: #cdcdcd 1px solid; LINE-HEIGHT: 1.2; DISPLAY: inline-block; BACKGROUND: url(/images/board/select_arr.gif) no-repeat 0 0 #fff; COLOR: #616161; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-TOP: #cdcdcd 1px solid; CURSOR: pointer; BORDER-RIGHT: #cdcdcd 1px solid; } SPAN.select-type .selected { font-family:'Nanum Gothic', sans-serif;PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; PADDING-LEFT: 7px; PADDING-RIGHT: 0px; DISPLAY: inline-block; HEIGHT: 20px; PADDING-TOP: 0px ;} UL.select-type { font-family:'Nanum Gothic', sans-serif;padding-right:6px;Z-INDEX: 100; BORDER-BOTTOM: #cdcdcd 1px solid; POSITION: absolute; BORDER-LEFT: #cdcdcd 1px solid; LINE-HEIGHT: 1.2; BACKGROUND-COLOR: #fff; COLOR: #616161; MAX-HEIGHT: 255px; FONT-SIZE: 11px; OVERFLOW: auto; BORDER-TOP: #cdcdcd 1px solid; CURSOR: pointer; BORDER-RIGHT: #cdcdcd 1px solid; } UL.select-type LI { font-family:'Nanum Gothic', sans-serif;PADDING-BOTTOM: 3px; PADDING-LEFT: 10px; PADDING-RIGHT: 0; PADDING-TOP: 5px; } UL.select-type LI.hover { width:95%; BACKGROUND-COLOR: #ebebeb; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* For Layout */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Layout (header) */ #header { width:100%; margin:0 auto; z-index:99; background:#e7e5e5;} #header .header_wrap { position:relative; width:1090px; margin:0 auto; height:40px; } #header .header_wrap .s_menu { position:absolute; width:99%; font-size:12px; color:white; font-family: 'Nanum Gothic'; margin:14px 0 0 0; } #header .header_wrap .s_menu ul.menu_L { float:left; margin-left:0px;} #header .header_wrap .s_menu ul.menu_L li { float:left; color:#666; margin:0 10px 0 0; padding:0 0 0 10px; } #header .header_wrap .s_menu ul.menu_L li.none { font-size:12px; background:none; } #header .header_wrap .s_menu ul.menu_L li .popup_help { position:absolute; color:#666; top:25px; margin:0 0 0 -9px; padding:24px 20px 44px 20px; background:#fff; border-left:1px solid #ffa024; border-bottom:1px solid #ffa024; border-right:1px solid #ffa024; z-index:99; } #header .header_wrap .s_menu ul.menu_L li .popup_help .help_close { position:absolute; right:0; top:0px;} #header .header_wrap .s_menu ul.menu_L li.ov { font-size:12px; color:#ffa024; font-weight:bold; border-left:1px solid #ffa024; border-top:1px solid #ffa024; border-right:1px solid #ffa024; padding:20px 8px 20px 8px; background:#fff; margin:-20px 0; } #header .header_wrap .s_menu ul.menu_R { float:right; margin-right:10px;} #header .header_wrap .s_menu ul.menu_R li { float:left; margin:0 10px 0 0; padding:0 0 0 10px; } #header .header_wrap .s_menu ul.menu_R li a { color:#666; } #header .header_wrap .s_menu ul.menu_R li.none { font-size:12px; color:#666; background:none; } #header .header_wrap .s_menu ul.menu_L li .popup_help_cont { font-weight:normal; } #header .header_wrap .s_menu ul.menu_L li .popup_help_cont .tit { font-size:14px; font-weight:bold; font-family: 'Nanum Gothic'; padding:0 0 20px 6px; } #header .header_wrap .s_menu ul.menu_R li .more_menu_list {position:absolute; width:80px; top:13px; margin:0px 0 0 -14px; display:none; background:#fff; padding:5px 0 10px 0; z-index:99; -moz-border-radius: 4px; -webkit-border-radius: 4px; /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 4px;} #header .header_wrap .s_menu ul.menu_R li .more_menu_list a{ color:#ffa024; text-align:center; font-family: 'Nanum Gothic';} #header .header_wrap .s_menu ul.menu_R li .on.tbar_more_menu .more_menu_list { display:block; font-family: 'Nanum Gothic'; border:1px solid #ffa024; } #header .header_wrap .s_menu ul.menu_R li .more_menu_list ul li { text-align:center; color:#ffa024; width:100%; background:none; padding:10px 0 6px 0px; } #header .header_wrap .s_menu ul.menu_R li .more_menu_list ul li.fir { font-family: 'Nanum Gothic'; margin:12px 0 5px 0px; border:none; background:none; padding:0; line-height:11px; } #header .header_wrap .s_menu ul.menu_R li .ico_more_menu { color:#ffa024; width:9px; height:9px; margin-left:4px; display:inline-block; } .search_wrap { position:relative; padding-top:30px; width:340px; text-align:right;} .search_wrap .search_box { } .search_wrap .search_box input { width:270px; background:#fff; border:2px solid #aeaeae; height:27px; font-size:16px; padding:4px 0 0 12px; font-family: 'Nanum Gothic', sans-serif; } .search_wrap .search_text li { float:left; background:url('/images/common/search_bar.gif') no-repeat 0 0; padding:0 14px; font-size:11px; font-family: 'Nanum Gothic', sans-serif; } .search_wrap .search_text li.none { background:none; padding:0 14px 0 0; } #header .gnb_menu .top_wrap {width:100%; position:relative; height:95px; background:#fff;} #header .gnb_menu .top_wrap #top_content {width:1090px; margin:0 auto; color:#666;} #header .gnb_menu .top_wrap #top_content ul li { float:left; color:#666; font-size:13px; font-weight:bold; line-height:18px; } #header .gnb_menu .top_wrap #top_content ul li.top_logo { width:430px; margin-top:6px; } #header .gnb_menu .top_wrap #top_content ul li.top_banner { text-align:right; padding-top:7px; width:430px; margin-top:10px; } #header .gnb_menu .top_wrap #top_content dt {font-family:'Nanum Gothic'; font-size:13px; font-weight:bold; color:#666; padding-bottom:3px;} #header .gnb_menu .top_wrap #top_content dt img {padding:2px 5px 0 0;} #header .gnb_menu .top_wrap #top_content ul li dl dd { color:#666; font-size:12px; font-weight:none;} #header .gnb_menu .gnb_wrap { position:relative; width:100%; margin:0 auto; height:44px; background:#d00620;} #header .gnb_menu .gnb_wrap #gnb {width:1090px; margin:0 auto; padding-top:2px; height:42px; position:relative; right:0; z-index:40;} #header .gnb_menu .gnb_wrap #gnb ul { width:100%; padding-left:0px; margin:0; } #header .gnb_menu .gnb_wrap #gnb ul li { float:left; padding-top:0px; font-family:'Nanum Gothic'; margin-top:0px; list-style:none;} #header .gnb_menu .gnb_wrap #gnb ul li a { display:inline-block; } #header .gnb_menu .gnb_wrap #gnb ul li.none { background:none; } #header .gnb_menu .gnb_wrap #gnb ul li a { display:block; padding:0 30px 0px 0px; } #header .gnb_menu .gnb_wrap #gnb ul li a.on { } #header .gnb_menu .gnb_wrap #gnb ul li ul li { background:none; } #header .gnb_menu .gnb_wrap #gnb ul li.ex { position:relative; margin-right:25px; } #header .gnb_menu .gnb_wrap #gnb ul li.ex div.edge_cen { position:absolute; top:26px; left:50%; width:11px; height:6px; margin:-6px 0 0 -5px; background:url(/images/common/bg_gnb_edge_01.png) no-repeat 0 0; font-size:0; border:none; z-index:99; } #header .gnb_menu .gnb_wrap #gnb ul li.ex div { display:none; position:absolute; left:-12px; width:160px; background:#393a3e; border:0px solid #1d1e21; padding:4px 12px; } #header .gnb_menu .gnb_wrap #gnb ul li.ex div ul { overflow:hidden; width:100%; } #header .gnb_menu .gnb_wrap #gnb ul li.ex div ul li { width:100%; font-weight:bold; border-top:1px solid #51535d; } #header .gnb_menu .gnb_wrap #gnb ul li.ex div ul li.none { border-top:none; } #header .gnb_menu .gnb_wrap #gnb ul li.ex div ul li a {font-family: 'Nanum Gothic'; font-size:13px; color:#fff; display:inline-block; width:100%; padding:16px 0 14px 10px;} #header .gnb_menu .gnb_wrap #gnb ul li.ex div ul li a:hover {color:#ffa024; } /* Layout (container) */ #container { width:1090px; margin:10px auto; } #container #container_wrap { background:#fff; } #container #container_wrap #sub_sitemap { border-bottom:2px solid #ededef; padding:16px 20px 12px 20px; font-size:20px; font-weight:bold; font-family: 'Nanum Gothic', sans-serif; } #container #container_wrap #sub_sitemap span { float:right; margin:8px 0 0 0; color:#333; font-size:11px; font-family:'Nanum Gothic',dotum; font-weight:normal; color:#909090; } #container #container_wrap #content_wrap { background:#fff; padding:22px 20px; } #help_container { width:1090px; margin:12px auto; } #help_container #help_container_menu { float:left; width:176px; height:760px; border:1px solid #ddd; background:#fff;} #help_container #help_container_menu ul.help_menu_1 { width:178px; position:absolute; margin:0px 0px 0px 0px; padding:4px 0px; } #help_container #help_container_menu ul.help_menu_1 li {margin:0 10px 0px 10px; font-size:12px; color:#fff; } #help_container #help_container_menu ul.help_menu_1 li img {margin-right:7px; padding-top:1px; } #help_container #help_container_menu ul.help_menu_1 li.fs { margin-bottom:10px; font-family:'Nanum Gothic', sans-serif; font-size:16px; font-weight:bold; color:#d03519; letter-spacing:-1px; padding:20px 0px 0px 0px;} #help_container #help_container_menu ul.help_menu_1 li.fl { width:160px; text-align:center; border-top:1px solid #ddd; margin:10px 9px 10px 9px;} #help_container #help_container_menu ul.help_menu_1 li.ft { font-family:'Nanum Gothic', sans-serif; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-1px; padding:15px 5px 0px 30px; } #help_container #help_container_menu ul.help_menu_1 li.fc { width:140px; font-size:13px; color:#666; letter-spacing:-0.5px; padding:7px 5px 7px 0px; } #help_container #help_container_menu ul.help_menu_1 li.fc a { padding-left:0px; display:block; } /*background-position:left center; */ #help_container #help_container_menu ul.help_menu_1 li.none a{color:#666; display:block; background:#717171 url(/images/common/bg_icon.gif) no-repeat 163px 8px; padding:7px 15px 7px 30px; } #help_container #help_container_menu ul.help_menu_1 li.fd { font-size:13px; color:#fff; padding:7px 5px 7px 30px; } #help_container #help_container_menu ul.help_menu_1 li.fe { font-family:'Nanum Gothic', sans-serif; font-size:16px; font-weight:bold; color:#fff; background:#019966; text-align:center; letter-spacing:-1px; padding:20px 0px 20px 0px;} #help_container #help_container_menu ul.help_menu_1 li a { color:#666; text-decoration: none; display:block;} #help_container #help_container_menu ul.help_menu_1 li a:hover {color:#000; text-decoration: none;} #help_container #help_container_wrap { float:left; width:820px; background:#fff; margin-left:18px; border-top:1px solid #d5d6d7; border-left:1px solid #d5d6d7; border-right:1px solid #bcbdbd; border-bottom:1px solid #bcbdbd; } #help_container #help_container_wrap .btn ul li {float:left; margin-left:10px;} #help_container #help_container_wrap .btn ul li a {color:#fff} #help_container #help_container_wrap .btn ul li.bg1 {color:#fff; width:112px; height:112px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:35px; color:#fff; background:url('/images/help/btn_bg_01.png')no-repeat;} #help_container #help_container_wrap .btn ul li.bg2 {color:#fff; width:112px; height:112px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:35px; color:#fff; background:url('/images/help/btn_bg_02.png')no-repeat;} #help_container #help_container_wrap .btn ul li.bg3 {width:69px; height:112px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:35px; color:#fff; background:url('/images/help/btn_bg_03.png')no-repeat;} #help_container #help_container_wrap .btn ul li.bg4 {color:#fff; width:112px; height:112px; margin-left:30px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:20px; color:#fff; background:url('/images/help/btn_bg_01.png')no-repeat;} #help_container #help_container_wrap #sub_sitemap { border-bottom:1px solid #ccc; padding:16px 20px 12px 10px; font-size:20px; font-weight:bold; font-family: 'Nanum Gothic', sans-serif; } #help_container #help_container_wrap #sub_sitemap span { float:right; margin:8px 0 0 0; color:#333; font-size:11px; font-family:'Nanum Gothic',dotum; font-weight:normal; color:#909090; } #help_container #help_container_wrap #help_content_wrap { background:#fff; padding:0px 20px 30px 20px; } #help_container #help_container_menuyeskr { float:left; width:226px; height:760px; border:0px solid #ddd; background:#fff;} #help_container #help_container_menuyeskr ul.help_menu_1 { width:226px; position:absolute; margin:0px 0px 0px 0px; padding:4px 0px; } #help_container #help_container_menuyeskr ul.help_menu_1 li {margin:0 10px 0px 10px; font-size:12px; color:#fff; } #help_container #help_container_menuyeskr ul.help_menu_1 li img {margin-right:7px; padding-top:1px; } #help_container #help_container_menuyeskr ul.help_menu_1 li.fs { margin-bottom:10px; font-family:'Nanum Gothic', sans-serif; font-size:16px; font-weight:bold; color:#d03519; letter-spacing:-1px; padding:20px 0px 0px 0px;} #help_container #help_container_menuyeskr ul.help_menu_1 li.fl { width:160px; text-align:center; border-top:1px solid #ddd; margin:10px 9px 10px 9px;} #help_container #help_container_menuyeskr ul.help_menu_1 li.ft { font-family:'Nanum Gothic', sans-serif; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-1px; padding:15px 5px 0px 30px; } #help_container #help_container_menuyeskr ul.help_menu_1 li.fc { width:140px; font-size:13px; color:#666; letter-spacing:-0.5px; padding:7px 5px 7px 0px; } #help_container #help_container_menuyeskr ul.help_menu_1 li.fc a { padding-left:0px; display:block; } /*background-position:left center; */ #help_container #help_container_menuyeskr ul.help_menu_1 li.none a{color:#666; display:block; background:#717171 url(/images/common/bg_icon.gif) no-repeat 163px 8px; padding:7px 15px 7px 30px; } #help_container #help_container_menuyeskr ul.help_menu_1 li.fd { font-size:13px; color:#fff; padding:7px 5px 7px 30px; } #help_container #help_container_menuyeskr ul.help_menu_1 li.fe { font-family:'Nanum Gothic', sans-serif; font-size:16px; font-weight:bold; color:#fff; background:#019966; text-align:center; letter-spacing:-1px; padding:20px 0px 20px 0px;} #help_container #help_container_menuyeskr ul.help_menu_1 li a { color:#666; text-decoration: none; display:block;} #help_container #help_container_menuyeskr ul.help_menu_1 li a:hover {color:#000; text-decoration: none;} #help_container #help_container_wrapyeskr { float:left; width:820px; background:#fff; margin-left:18px; border-top:20px solid #ffffff; border-left:0px solid #d5d6d7; border-right:0px solid #bcbdbd; border-bottom:0px solid #bcbdbd; } #help_container #help_container_wrapyeskr .btn ul li {float:left; margin-left:10px;} #help_container #help_container_wrapyeskr .btn ul li a {color:#fff} #help_container #help_container_wrapyeskr .btn ul li.bg1 {color:#fff; width:112px; height:112px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:35px; color:#fff; background:url('/images/help/btn_bg_01.png')no-repeat;} #help_container #help_container_wrapyeskr .btn ul li.bg2 {color:#fff; width:112px; height:112px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:35px; color:#fff; background:url('/images/help/btn_bg_02.png')no-repeat;} #help_container #help_container_wrapyeskr .btn ul li.bg3 {width:69px; height:112px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:35px; color:#fff; background:url('/images/help/btn_bg_03.png')no-repeat;} #help_container #help_container_wrapyeskr .btn ul li.bg4 {color:#fff; width:112px; height:112px; margin-left:30px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:20px; color:#fff; background:url('/images/help/btn_bg_01.png')no-repeat;} #help_container #help_container_wrapyeskr #sub_sitemap { border-bottom:1px solid #ccc; padding:16px 20px 12px 10px; font-size:20px; font-weight:bold; font-family: 'Nanum Gothic', sans-serif; } #help_container #help_container_wrapyeskr #sub_sitemap span { float:right; margin:8px 0 0 0; color:#333; font-size:11px; font-family:'Nanum Gothic',dotum; font-weight:normal; color:#909090; } #help_container #help_container_wrapyeskr #help_content_wrap { background:#fff; } #deliveryorder_container #help_container_wrapyeskr #help_content_wrap { background:#fff; } #deliveryorder_container { width:1200px; margin:12px auto; } #deliveryorder_container #deliveryorder_container_menu { float:left; width:176px; height:760px; border:1px solid #ddd;} #deliveryorder_container #deliveryorder_container_menu ul.help_menu_1 { width:178px; position:absolute; margin:0px 0px 0px 0px; padding:4px 0px; } #deliveryorder_container #deliveryorder_container_menu ul.help_menu_1 li {margin:0 10px 0px 10px; font-size:12px; color:#fff; } #deliveryorder_container #deliveryorder_container_menu ul.help_menu_1 li img {margin-right:7px; padding-top:1px; } #deliveryorder_container #deliveryorder_container_menu ul.help_menu_1 li.fs { margin-bottom:10px; font-family:'Nanum Gothic', sans-serif; font-size:16px; font-weight:bold; color:#d03519; letter-spacing:-1px; padding:20px 0px 0px 0px;} #deliveryorder_container #deliveryorder_container_menu ul.help_menu_1 li.fl { width:160px; text-align:center; border-top:1px solid #ddd; margin:10px 9px 10px 9px;} #deliveryorder_container #deliveryorder_container_menu ul.help_menu_1 li.ft { font-family:'Nanum Gothic', sans-serif; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-1px; padding:15px 5px 0px 30px; } #deliveryorder_container #deliveryorder_container_menu ul.help_menu_1 li.fc { width:140px; font-size:13px; color:#666; letter-spacing:-0.5px; padding:7px 5px 7px 0px; } #deliveryorder_container #deliveryorder_container_menu ul.help_menu_1 li.fc a { padding-left:0px; display:block; } /*background-position:left center; */ #deliveryorder_container #deliveryorder_container_menu ul.help_menu_1 li.none a{color:#666; display:block; background:#717171 url(/images/common/bg_icon.gif) no-repeat 163px 8px; padding:7px 15px 7px 30px; } #deliveryorder_container #deliveryorder_container_menu ul.help_menu_1 li.fd { font-size:13px; color:#fff; padding:7px 5px 7px 30px; } #deliveryorder_container #deliveryorder_container_menu ul.help_menu_1 li.fe { font-family:'Nanum Gothic', sans-serif; font-size:16px; font-weight:bold; color:#fff; background:#019966; text-align:center; letter-spacing:-1px; padding:20px 0px 20px 0px;} #deliveryorder_container #deliveryorder_container_menu ul.help_menu_1 li a { color:#666; text-decoration: none; display:block;} #deliveryorder_container #deliveryorder_container_menu ul.help_menu_1 li a:hover {color:#000; text-decoration: none;} #deliveryorder_container #deliveryorder_container_wrap { float:left; width:1090px; background:#fff; margin-left:18px; border:0px solid #bcbdbd; } #deliveryorder_container #deliveryorder_container_wrap .btn ul li {float:left; margin-left:10px;} #deliveryorder_container #deliveryorder_container_wrap .btn ul li a {color:#fff} #deliveryorder_container #deliveryorder_container_wrap .btn ul li.bg1 {color:#fff; width:112px; height:112px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:35px; color:#fff; background:url('/images/help/btn_bg_01.png')no-repeat;} #deliveryorder_container #deliveryorder_container_wrap .btn ul li.bg2 {color:#fff; width:112px; height:112px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:35px; color:#fff; background:url('/images/help/btn_bg_02.png')no-repeat;} #deliveryorder_container #deliveryorder_container_wrap .btn ul li.bg3 {width:69px; height:112px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:35px; color:#fff; background:url('/images/help/btn_bg_03.png')no-repeat;} #deliveryorder_container #deliveryorder_container_wrap .btn ul li.bg4 {color:#fff; width:112px; height:112px; margin-left:30px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:20px; color:#fff; background:url('/images/help/btn_bg_01.png')no-repeat;} #deliveryorder_container #deliveryorder_container_wrap #sub_sitemap { border-bottom:1px solid #ccc; padding:16px 20px 12px 10px; font-size:20px; font-weight:bold; font-family: 'Nanum Gothic', sans-serif; } #deliveryorder_container #deliveryorder_container_wrap #sub_sitemap span { float:right; margin:8px 0 0 0; color:#333; font-size:11px; font-family:'Nanum Gothic',dotum; font-weight:normal; color:#909090; } #deliveryorder_container #help_container_wrap #help_content_wrap { background:#fff; padding:0px 20px 30px 20px; } #member_container { width:1090px; margin:12px auto; } #member_container #member_container_menu { float:left; width:178px; height:540px; background:#ffa024; border:1px solid #013d79; } #member_container #member_container_menu ul.member_menu_1 { width:178px; position:absolute; margin:0px 0 0 0px; padding:0px 0px; } #member_container #member_container_menu ul.member_menu_1 li {margin:0 10px 0px 10px; font-size:12px; color:#fff; } #member_container #member_container_menu ul.member_menu_1 li img {margin-right:7px; padding-top:1px; } #member_container #member_container_menu ul.member_menu_1 li.fs { margin-bottom:10px; font-family:'Nanum Gothic'; font-size:18px; font-weight:bold; color:#fff; padding:20px 0px 0px 12px;} #member_container #member_container_menu ul.member_menu_1 li.fl { width:160px; text-align:center; border-bottom:1px solid #6095cb; border-top:1px solid #013263; margin:10px 9px 10px 9px;} #member_container #member_container_menu ul.member_menu_1 li.ft { font-family:'Nanum Gothic'; font-size:14px; font-weight:bold; color:#fff; padding:15px 5px 0px 30px; } #member_container #member_container_menu ul.member_menu_1 li.fc { width:140px; font-size:12px; color:#cfcfcf; padding:7px 35px 7px 30px; } #member_container #member_container_menu ul.member_menu_1 li.fc a { padding-left:10px; display:block; background:url(/images/common/bg_icon.gif) no-repeat 0px 0; } /*background-position:left center; */ #member_container #member_container_menu ul.member_menu_1 li.none a{color:#fff; display:block; background:#717171 url(/images/common/bg_icon.gif) no-repeat 163px 8px; padding:7px 15px 7px 30px; } #member_container #member_container_menu ul.member_menu_1 li.fd { font-size:13px; color:#fff; padding:7px 5px 7px 30px; } #member_container #member_container_menu ul.member_menu_1 li.fe { font-family:'Nanum Gothic'; font-size:16px; font-weight:bold; color:#fff; background:#019966; text-align:center; padding:20px 0px 20px 0px;} #member_container #member_container_menu ul.member_menu_1 li a { color:#fff; text-decoration: none; display:block;} #member_container #member_container_menu ul.member_menu_1 li a:hover {color:#9bbfe2; text-decoration: none;} #member_container #member_container_wrap { float:left; width:820px; background:#fff; margin-left:18px; border-top:1px solid #d5d6d7; border-left:1px solid #d5d6d7; border-right:1px solid #bcbdbd; border-bottom:1px solid #bcbdbd; } #member_container #member_container_wrap .btn ul li {float:left; margin-left:10px;} #member_container #member_container_wrap .btn ul li a {color:#fff} #member_container #member_container_wrap .btn ul li.bg1 {color:#fff; width:112px; height:112px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:35px; color:#fff; background:url('/images/help/btn_bg_01.png')no-repeat;} #member_container #member_container_wrap .btn ul li.bg2 {color:#fff; width:112px; height:112px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:35px; color:#fff; background:url('/images/help/btn_bg_02.png')no-repeat;} #member_container #member_container_wrap .btn ul li.bg3 {width:69px; height:112px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:35px; color:#fff; background:url('/images/help/btn_bg_03.png')no-repeat;} #member_container #member_container_wrap .btn ul li.bg4 {color:#fff; width:112px; height:112px; margin-left:30px; text-align:center; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; line-height:20px; padding-top:20px; color:#fff; background:url('/images/help/btn_bg_01.png')no-repeat;} #member_container #member_container_wrap #sub_sitemap { border-bottom:1px solid #ccc; padding:16px 20px 12px 10px; font-size:20px; font-weight:bold; font-family: 'Nanum Gothic', sans-serif; } #member_container #member_container_wrap #sub_sitemap span { float:right; margin:8px 0 0 0; color:#333; font-size:11px; font-family:'Nanum Gothic',dotum; font-weight:normal; color:#909090; } #member_container #member_container_wrap #member_content_wrap { background:#fff; padding:0px 20px 50px 20px; height:auto; } .sub_cont {} /* Layout (footer) */ #footer { background:#fff; width:100%; height:240px; margin:0 auto;} #footer ul.service { background:#9a9a9a; text-align:center; font:bold 14px 'Nanum Gothic'; padding:14px 0 12px 0; } #footer ul.service li { margin:0 20px; } #footer ul.service li a { padding-right:20px; color:#e8e8e8; text-decoration: none; } #footer .copyright { position:relative; width:1000px; margin:0 auto; font-size:11px; color:#6d6d6d; font-family:'Nanum Gothic'; line-height:18px; padding:20px 0 0 0px; } #footer .copyright ul { float:left; margin-right:10px;} #footer .copyright ul.help { color:#6d6d6d; margin-top:15px;} #footer .copyright ul li { margin-left:15px; line-height:18px; font-family:'Nanum Gothic';} #footer .copyright ul li a { color:#000; } #footer .copyright p.btn_top { position:absolute; top:-5px; right:0; } #footer .copyright .customer{ position:absolute; top:10px; right:-90px; width:360px; font-size:11px; color:#6d6d6d; font-family:'Nanum Gothic'; line-height:18px; } /*#footer .copyright .customer{ position:absolute; top:0px; left:200px; width:300px; font-size:11px; color:#6d6d6d; font-family:'Nanum Gothic'; line-height:18px; padding:20px 0 0 260px; }*/ /*#footer .copyright .escrow{ position:absolute; top:0px; right:0px; width:300px; font-size:11px; color:#6d6d6d; font-family:'Nanum Gothic'; line-height:18px; padding:20px 0 0 260px; }*/ /* Layout (quick) */ .quick_menu { position:absolute; background:#fff; } .quick_menu ul li { margin-bottom:1px; } .quick_menu ul.todayGoods { text-align:center; } .quick_menu ul.todayGoods li { margin:10px 0; } .quick_menu ul.todayGoods li img { margin-bottom:1px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* For contents */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #topdecks { position:absolute; margin:26px 0 0 -12px; } #icon_verImg { position:fixed; z-index:99; } /* layer (over) */ .ly_help { position:absolute; z-index:10; border:1px solid #c2c2c5; background:#fff; } .ly_help p { font-size:11px; font-family:"Nanum Gothic";padding:8px 10px 6px 10px;color:#000;line-height:16px;letter-spacing:0px; } .ly_help .edge_lgt { position:absolute;top:0;left:10px;width:9px;height:6px;margin-top:-6px;background:url(/images/common/bg_layer_edge.gif) no-repeat 0 0;font-size:0} .ly_help .edge_cen { position:absolute;top:0;left:50%;width:9px;height:6px;margin:-6px 0 0 -5px;background:url(/images/common/bg_layer_edge.gif) no-repeat 0 0;font-size:0} .ly_help .edge_rgt { position:absolute;top:0;right:3px;width:9px;height:6px;margin-top:-6px;background:url(/images/common/bg_layer_edge.gif) no-repeat 0 0;font-size:0} /* Layout (main) */ .main_banner { position:relative; float:left; width:760px; height:240px; border:0px solid #d5d6d7; background:#fff; } .main_banner ul { width:760px; height:240px; } .main_banner .next { position:absolute; top:40%; right:0px; z-index:9; } .main_banner .prev { position:absolute; top:40%; left:0px; z-index:9; } .login_wrap { position:relative; float:left; width:186px; height:215px; background:#ededed; padding:15px 20px 10px 20px;} .login_wrap .tit { margin-bottom:10px; font-size:14px; font-weight:bold; color:#363636;} .login_wrap p { padding-left:0px; } .login_wrap p span { color:#ffa024; font-weight:bold; } .login_wrap p span a { color:#ffa024; font-weight:bold; } .login_wrap table span { color:#000000;font-weight:bold; } .login_wrap1 { position:relative; float:left; width:207px; height:215px; background:#ededed; padding:15px 20px 10px 20px;} .login_wrap1 .tit { margin-bottom:10px; font-size:14px; font-weight:bold; color:#363636;} .login_wrap1 p { padding-left:0px; } .login_wrap1 p span { color:#ffa024; font-weight:bold; } .login_wrap1 p span a { color:#ffa024; font-weight:bold; } .login_wrap1 table span { color:#000000;font-weight:bold; } .app_wrap { position:relative; float:left; width:375px; height:157px; background:#fff; } .main_title_wrap { position:relative; background:#fff; } .main_title_wrap .tit { padding:0px; } .main_title_wrap .tit .btn_more { position:absolute; top:10px; right:350px; font-size:11px; } .main_title_wrap .tit p { float:left; background:url(/images/gnb/h_bar.gif) no-repeat 0 0; padding:0 0 0 0px;} .main_title_wrap .tit p.none { background:none; margin:0 0px 0 0;} .notice_wrap { position:relative; float:left; width:375px; height:160px; border:0px solid #d5d6d7; background:#fff; } .notice_wrap .tit { padding:12px 20px 12px 15px; background:linear-gradient(to left, #ff6c24 100%, #ffa024 100%);} .notice_wrap .tit .btn_more a{ position:absolute; top:12px; right:20px; color:#fff; } .notice_wrap .tit p { float:left; background:url(/images/gnb/h_bar.gif) no-repeat 0 0; margin:0 20px 0 0; padding:0 0 0 20px; } .notice_wrap .tit p.none { background:none; margin:0 20px 0 0; padding:0; font-size:14px; font-weight:bold; color:#fff;} .notice_wrap ul { padding:12px 20px; } .notice_wrap ul li { position:relative; padding:6px 0; } .notice_wrap ul li span { position:absolute; color:#b2b2b2; top:5px; right:0; font-size:11px;} .notice_wrap dl { margin:22px 10px 20px 20px; } .notice_wrap dt { float:left; margin:0 10px 0 0; } .notice_wrap dd { } .notice_wrap dd p.review_tit { font-size:12px; font-weight:bold; margin-bottom:6px; overflow:hidden; height:14px; line-height:14px; } .notice_wrap dd p.review_cont { font-family:'Nanum Gothic',dotum; font-size:11px; overflow:hidden; height:26px; line-height:14px; margin-bottom:2px; } .notice_wrap dd p.review_date { color:#b2b2b2; } .notice_wrap1 { position:relative; float:left; width:375px; height:160px; border:0px solid #d5d6d7; background:#fff; } .notice_wrap1 .tit { padding:12px 20px 12px 15px; background:linear-gradient(to left, #ff6c24 100%, #ffa024 100%);} .notice_wrap1 .tit .btn_more a{ position:absolute; top:12px; right:20px; color:#fff; } .notice_wrap1 .tit p { float:left; background:url(/images/gnb/h_bar.gif) no-repeat 0 0; margin:0 20px 0 0; padding:0 0 0 20px; } .notice_wrap1 .tit p.none { background:none; margin:0 20px 0 0; padding:0; font-size:14px; font-weight:bold; color:#fff;} .notice_wrap1 ul { padding:12px 20px; } .notice_wrap1 ul li { position:relative; float:left; padding:6px 0; } .notice_wrap1 ul li.subject { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:245px;} .notice_wrap1 ul li.icon { width:30px; top:4px;} .notice_wrap1 ul li.date { color:#b2b2b2; font-size:10px; width:60px; text-align:right; top:3px;} .notice_wrap1 dl { margin:22px 10px 20px 20px; } .notice_wrap1 dt { float:left; margin:0 10px 0 0; } .notice_wrap1 dd { } .notice_wrap1 dd p.review_tit { font-size:12px; font-weight:bold; margin-bottom:6px; overflow:hidden; height:14px; line-height:14px; } .notice_wrap1 dd p.review_cont { font-family:'Nanum Gothic',dotum; font-size:11px; overflow:hidden; height:26px; line-height:14px; margin-bottom:2px; } .notice_wrap1 dd p.review_date { color:#b2b2b2; } .after_wrap { position:relative; float:left; width:324px; height:235px; border:1px solid #d5d6d7; background:#fff; } .after_wrap .tit { padding:16px 20px 12px 20px;} .after_wrap .tit .btn_more a{ position:absolute; top:0px; right:0px; color:#808080; text-align:right; width:100px;} .after_wrap .tit p { float:left; background:url(/images/gnb/h_bar.gif) no-repeat 0 0; margin:0 20px 0 0; padding:0 0 0 20px; } .after_wrap .tit p.none { background:none; margin:0 20px 0 0; padding:0; color:#363636;} .after_wrap ul { padding:0px 0px; } .after_wrap ul li { padding:0px 0;} .after_wrap ul li.subject { width:275px; line-height:28px; padding-left:12px; background:url(/images/common/dot_01.png) no-repeat 0 3px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .after_wrap1 { position:relative; float:left; width:324px; height:235px; border:1px solid #d5d6d7; background:#fff; } .after_wrap1 .tit { padding:16px 20px 12px 20px;} .after_wrap1 .tit .btn_more a{ position:absolute; top:0px; right:0px; color:#808080; text-align:right; width:100px;} .after_wrap1 .tit p { float:left; background:url(/images/gnb/h_bar.gif) no-repeat 0 0; margin:0 20px 0 0; padding:0 0 0 20px; } .after_wrap1 .tit p.none { background:none; margin:0 20px 0 0; padding:0; color:#363636;} .after_wrap1 dl { padding:15px 0px 15px 15px; } .after_wrap1 dl dd { padding:6px 0;} .after_wrap1 dl dd.subject1 { width:275px; padding-left:12px; background:url(/images/common/dot_01.png) no-repeat center left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .exchange_wrap { position:relative; float:left; width:227px; height:160px; border:0px solid #d5d6d7; background:#fff; } .exchange_wrap .tit { padding:12px 20px 12px 15px; background:#ededed; font-size:14px; font-weight:bold; color:#363636;} .exchange_wrap .tit span { position:absolute; right:16px; margin-top:4px; font-size:11px; color:#666; font-family:'Nanum Gothic',dotum; } .exchange_wrap ul li { height:15px; padding:10px 0 5px 15px; color:#494949; font-family:'Nanum Gothic'; font-size:12px; } .exchange_wrap ul li.none { height:15px; padding:10px 0 5px 15px; color:#494949; font-family:'Nanum Gothic'; font-size:11px; letter-spacing:-1;} .exchange_wrap ul li span { position:absolute; right:15px; font-family:'Nanum Gothic'; font-size:16px; font-weight:bold;} .exchange_wrap ul li span.gray { color:#494949;} .exchange_wrap ul li span.gray2 { color:#494949;font-size:11px;} .exchange_wrap ul li span.blue { color:#ffa024;} .exchange_wrap ul li span.red { color:#da0000;} .exchange_wrap1 { position:relative; float:left; width:247px; height:160px; border:0px solid #d5d6d7; background:#fff; } .exchange_wrap1 .tit { padding:12px 20px 12px 15px; background:#ededed; font-size:14px; font-weight:bold; color:#363636;} .exchange_wrap1 .tit span { position:absolute; right:16px; margin-top:4px; font-size:11px; color:#666; font-family:'Nanum Gothic',dotum; } .exchange_wrap1 ul li { height:15px; padding:10px 0 5px 15px; color:#494949; font-family:'Nanum Gothic'; font-size:12px; } .exchange_wrap1 ul li.none { height:15px; padding:10px 0 5px 15px; color:#494949; font-family:'Nanum Gothic'; font-size:11px; letter-spacing:-1;} .exchange_wrap1 ul li span { position:absolute; right:15px; font-family:'Nanum Gothic'; font-size:16px; font-weight:bold;} .exchange_wrap1 ul li span.gray { color:#494949;} .exchange_wrap1 ul li span.gray2 { color:#494949;font-size:11px;} .exchange_wrap1 ul li span.blue { color:#ffa024;} .exchange_wrap1 ul li span.red { color:#da0000;} .customer_wrap { position:relative; float:left; width:324px; height:235px; border:1px solid #d5d6d7; background:#fff; } .customer_wrap .tit { padding:16px 20px 12px 20px; background:#fff;} .customer_wrap .tit .btn_more a{ top:10px; right:20px; color:#fff; } .customer_wrap .tit p { float:left; background:url(/images/gnb/h_bar.gif) no-repeat 0 0; margin:0 20px 0 0; padding:0 0 0 20px; } .customer_wrap .tit p.none { background:none; margin:0 20px 0 0; padding:0; } .customer_wrap ul { padding:0px } .customer_wrap ul li { position:relative; padding:6px 0 0 0px; } .invoice_wrap { position:relative; float:left; width:324px; height:104px; border:1px solid #d5d6d7; background:#fff; } .invoice_wrap .tit { padding:16px 20px 12px 20px; background:#fff;} .invoice_wrap .tit p.none { background:none; margin:0 20px 0 0; padding:0; } .invoice_wrap ul li { padding:0px 0px 0px 0px;} .invoice_wrap1 { position:relative; float:left; width:324px; height:130px; border-left:1px solid #d5d6d7; border-right:1px solid #d5d6d7; border-bottom:1px solid #d5d6d7; background:#fff; } .invoice_wrap1 .tit { padding:16px 20px 12px 20px; background:#fff;} .invoice_wrap1 .tit p.none { background:none; margin:0 20px 0 0; padding:0; } .invoice_wrap1 ul li { padding:0px 0px 0px 0px;} .invoice_wrap2 { position:relative; float:left; width:254px; height:104px; border:1px solid #d5d6d7; background:#fff; } .invoice_wrap2 .tit { padding:16px 20px 12px 20px; font-size:14px; font-weight:bold; background:#fff;} .invoice_wrap2 .tit p.none { background:none; margin:20 20px 0 0; padding:0; } .invoice_wrap2 ul li { padding:0px 0px 0px 0px;} .invoice_wrap3 { position:relative; float:left; width:254px; height:130px; border-left:1px solid #d5d6d7; border-right:1px solid #d5d6d7; border-bottom:1px solid #d5d6d7; background:#fff; } .invoice_wrap3 .tit { padding:16px 20px 12px 20px; font-size:14px; font-weight:bold; background:#fff;} .invoice_wrap3 .tit p.none { background:none; margin:0 20px 0 0; padding:0; } .invoice_wrap3 ul li { padding:0px 0px 0px 0px;} .shipping_wrap { position:relative; float:left; width:254px; height:700px; } .shipping_wrap1 { position:relative; float:right; height:700px; padding:0px 2px 2px 30px;} .banner_wrap { position:relative; float:left; width:204px; padding:15px 0px 15px 20px; border-top:1px solid #d5d6d7; border-left:1px solid #d5d6d7; border-right:1px solid #d5d6d7; border-bottom:1px solid #d5d6d7; background:#fff; } .banner_wrap .tit { padding:16px 20px 12px 20px; } .banner_wrap ul li { padding:14px 0 10px 20px; } .brand_wrap { position:relative; width:998px; border:1px solid #d5d6d7; background:#fff; } .brand_wrap .tit { padding:0px; } .brand_wrap .tit .btn_more { position:absolute; top:15px; right:20px; } .brand_wrap .tit p { float:left; background:url(/images/gnb/h_bar.gif) no-repeat 0 0; padding:0 0 0 0px; } .brand_wrap .tit p.none { background:none; margin:0 0px 0 0; padding:15px 20px 15px 20px; font-size:14px; font-weight:bold; color:#363636;} .brand_wrap .tit .tab ul { background:none; margin:0px 0px 0px 0; padding:0; } .brand_wrap .tit .tab ul li { float:left; background:none; margin:0 0px 0 0; padding:17px 20px 15px 20px; border-right:1px solid #ccc;} .brand_wrap .tit .tab ul li.none { background:none; margin:0 20px 0 0; padding:0;} .brand_wrap ul { margin:15px 0 2px 15px; } .brand_wrap ul li { float:left; margin:0 6px 20px 0; padding:0; } .gift_wrap { position:relative; border-top:1px solid #d5d6d7; border-left:1px solid #d5d6d7; border-right:1px solid #d5d6d7; border-bottom:1px solid #d5d6d7; background:#fff; } .gift_wrap .tit { padding:16px 20px 12px 20px; } .gift_wrap .tit .btn_more { position:absolute; top:20px; right:20px; } .gift_wrap .tit p { float:left; background:url(/images/gnb/h_bar.gif) no-repeat 0 0; margin:0 20px 0 0; padding:0 0 0 20px; } .gift_wrap .tit p.none { background:none; margin:0 20px 0 0; padding:0; } .gift_wrap ul { margin:26px 0 2px 33px; } .gift_wrap ul li { float:left; margin:0 33px 30px 0; padding:0; } .gift_wrap ul li .thumb_area { position:relative; width:288px; } .gift_wrap ul li .cont { color:#000; font-weight:bold; line-height:16px; padding:6px 0 0 4px; } .gift_wrap ul li .cont a { color:#000; font-weight:bold; } .gift_cont { position:relative; } .gift_cont ul { margin:0 0 0 24px; } .gift_cont ul li { float:left; margin:24px 24px 30px 0; padding:0; } .gift_cont ul li .thumb_area { position:relative; width:288px; } .gift_cont ul li .cont { color:#000; font-weight:bold; line-height:16px; padding:6px 0 0 4px; } .gift_cont ul li .cont a { color:#000; font-weight:bold; } .shopping_wrap { position:relative; border-top:1px solid #d5d6d7; border-left:1px solid #d5d6d7; border-right:1px solid #d5d6d7; border-bottom:1px solid #d5d6d7; background:#fff; } .shopping_wrap .tit { padding:0px; } .shopping_wrap .tit .btn_more { position:absolute; top:15px; right:20px; } .shopping_wrap .tit p { float:left; background:url(/images/gnb/h_bar.gif) no-repeat 0 0; padding:0 0 0 0px; } .shopping_wrap .tit p.none { background:none; margin:0 0px 0 0; padding:15px 20px 15px 20px; border-right:1px solid #ccc;} .shopping_wrap .tit .tab ul { background:none; margin:0px 0px 0px 0; padding:0; } .shopping_wrap .tit .tab ul li { float:left; background:none; margin:0 0px 0 0; padding:17px 20px 15px 20px; border-right:1px solid #ccc;} .shopping_wrap .tit .tab ul li.none { background:none; margin:0 20px 0 0; padding:0;} .shopping_wrap ul { margin:26px 0 2px 33px; } .shopping_wrap ul li { float:left; margin:0 33px 20px 0; padding:0; } .shopping_wrap ul li .thumb_area { position:relative; } .shopping_wrap ul li .thumb_area span.lpop_srch_frame { position:absolute; left:0; top:0; width:158px; height:158px; border:1px solid #f7f7f7; } .shopping_wrap ul li .cont { width:160px; height:20px; color:#414141; line-height:16px; overflow:hidden; padding:6px 0 0 0; word-break:break-all; } .shopping_wrap ul li .cont_old { width:160px; height:48px; color:#414141; line-height:16px; overflow:hidden; padding:6px 0 0 0; word-break:break-all; text-align:center;} .shopping_wrap ul li .cont a { color:#414141; } .shopping_wrap ul li .price { margin:8px 0 8px 0; color:#dc0000; font-size:15px; font-weight:bold; } .shopping_wrap ul li .price span { } .shopping_wrap ul li .info { color:#95969e; } .shopping_cont { position:relative; } .shopping_cont .option_area_head { background:#f2f3f3; margin:0 28px 0 28px; } .shopping_cont .option_area_head ul.category { padding:0; margin:0; border-bottom:1px solid #969aa6; } .shopping_cont .option_area_head ul.category li { float:left; width:92px; cursor:pointer; padding:14px 16px 12px 20px; background:#f2f3f3; border-right:1px solid #fff; color:#969aa6; } .shopping_cont .option_area_head ul.category li a { text-decoration: none; } .shopping_cont .option_area_head ul.category li span { font-size:10px; margin:0 0 0 6px; } .shopping_cont .option_area_head ul.category li.over { background:#969aa6; color:#fff; font-weight:bold; } .shopping_cont .option_area_head ul.category li.over a { color:#fff; text-decoration: none; } .shopping_cont .option_area_opt { background:#fcfcfc; border:1px solid #f6f6f7; margin:0 28px 2px 28px; padding:10px; } .shopping_cont .option_area_opt ul li { float:left; padding:0 14px; margin:4px 0 0 0; border-left:1px solid #e5e5e5; font-size:11px; font-family:'Nanum Gothic',dotum; } .shopping_cont .option_area_opt ul li.none { border:none; } .shopping_cont .option_area_opt ul li.ov { font-weight:bold; padding-right:12px; background:url(/images/board/bul_arr.gif) no-repeat right 1px; margin-right:16px; } .shopping_cont .option_area_opt ul li.ov a { font-weight:bold; color:#5f6372; } .shopping_cont .option_area_opt2 { background:#ededef; border:1px solid #f6f6f7; margin:0 28px 2px 28px; padding:10px; } .shopping_cont .option_area_opt2 ul { font-size:14px; font-family:'Nanum Gothic'; color:#161616; font-weight:bold; } .shopping_cont .option_area_opt2 ul .btn_more { position:relative; text-align:right; top:0px; right:5px; } .shopping_cont .option_area_opt2 ul li { float:right; padding:0 0px; margin:4px 0 0 0; border-left:1px solid #e5e5e5; font-size:13px; font-family:'Nanum Gothic',dotum; } .shopping_cont .option_area_opt2 ul li.none { border:none; } .shopping_cont .option_area_opt2 ul li.ov { font-weight:bold; padding-right:12px; background:url(/images/board/bul_arr.gif) no-repeat right 1px; margin-right:16px; } .shopping_cont .option_area_opt2 ul li.ov a { font-weight:bold; color:#5f6372; } .shopping_cont ul.shopping_list { margin:26px 0 2px 28px; } .shopping_cont ul.shopping_list li { float:left; margin:0 26px 40px 0; padding:0; } .shopping_cont ul.shopping_list li .thumb_area { position:relative; } .shopping_cont ul.shopping_list li .thumb_area span.lpop_srch_frame { position:absolute; left:0; top:0; width:158px; height:158px; border:1px solid #f7f7f7; } .shopping_cont ul.shopping_list li .cont { width:160px; height:34px; color:#414141; line-height:16px; overflow:hidden; padding:6px 0 0 0; word-break:break-all; } .shopping_cont ul.shopping_list li .cont a { color:#414141; } .shopping_cont ul.shopping_list li .price { margin:8px 0 8px 0; color:#dc0000; font-weight:bold; } .shopping_cont ul.shopping_list li .price span { } .shopping_cont ul.shopping_list li .info { color:#95969e; } /* 쇼핑상세보기 */ .prd_detail_basic { position:relative; margin:20px 28px 0 28px; } .image_view { float:left; } .image_view span.lpop_srch_frame { position:absolute; left:0; top:0; width:448px; height:448px; border:1px solid #eee; } .discount_wrap { position:absolute; right:16px; top:-2px; color:#fff; font-size:22px; width:71px; height:76px; background:url(/images/shopping/bg_discount.gif) no-repeat 0 0; text-align:center; } .discount_wrap span { display:inline-block; font-size:36px; margin:4px 0 0 0; } .detail_info { float:left; background:#fafafa; border-top:1px solid #ededed; border-right:1px solid #ededed; border-bottom:1px solid #ededed; width:404px; height:406px; padding:22px 24px 20px 24px; } .detail_info p { font-size:11px; font-family:'Nanum Gothic',dotum; color:#a3a3a3; margin-bottom:10px; } .detail_info p.tit { font-size:18px; font-family:'Nanum Gothic',dotum; font-weight:bold; margin-bottom:30px; color:#333; } .detail_info p.social_tit { width:340px; font-size:18px; font-family:'Nanum Gothic',dotum; font-weight:bold; margin-bottom:30px; color:#333; } .detail_info dl { border-bottom:1px solid #ebebeb; margin-bottom:14px; } .detail_info dt { float:left; margin-bottom:10px; width:90px; font-size:11px; font-family:'Nanum Gothic',dotum; } .detail_info dd { margin-bottom:10px; } .detail_info dd.bold { font-weight:bold; } .detail_info dl dd i { font-size:11px; font-family:'Nanum Gothic',dotum; font-style:normal; margin:0 0 0 6px; } .detail_info dl.price { border-bottom:1px solid #ebebeb; margin-bottom:14px; } .detail_info dl.price dt { float:left; margin-top:7px; margin-bottom:7px; } .detail_info dl.price dd { margin-bottom:10px; height:20px; } .detail_info dl.price dd span.thm { font-size:20px; font-weight:bold; color:#8f8f8f; } .detail_info dl.price dd span.won { font-size:12px; color:#8f8f8f; } .detail_info dl.price dd span.point { color:#dc0000; } .detail_info dl.social_price { } .detail_info dl.social_price dt { width:0px; } .detail_info dl.social_price dt span { font-size:36px; font-family:tahoma; } .detail_info dl.social_price dd { line-height:14px; } .detail_info dl.social_price dd span.o_price { margin:8px 0 8px 4px; font-size:14px; font-family:'Nanum Gothic',dotum; text-decoration:line-through; } .detail_info dl.social_price dd span.s_price { margin:8px 0 8px 4px; font-size:38px; color:#dc0000; } .detail_info dl.ea { border-bottom:1px solid #ebebeb; margin-bottom:14px; padding-bottom:10px } .detail_info dl.ea dt { float:left; margin-top:5px; } .detail_info dl.ea dd { margin-bottom:2px; } .detail_info dl.ea dd span { font-size:20px; } .detail_info dl.opt { border-bottom:1px solid #ebebeb; margin-bottom:14px; padding-bottom:10px } .detail_info dl.opt dt { float:left; margin-top:6px; margin-bottom:2px; } .detail_info dl.opt dd { margin-bottom:2px; height:20px; } .detail_cont { padding:0 28px 14px 28px; } .cont_title { display: inline-block; width:100%; padding:14px 0 18px 0; background:url(/images/shopping/cont_title_bg.jpg) repeat-x bottom left; } .cont_cont { padding:16px 0px 26px 0px; width:100%;overflow:hidden; text-align:center; } .cont_delivery_help { border:1px solid #e2e2e2; margin:10px 0 26px 0; padding:6px 20px 20px 20px; background:#fcfcfc; font-size:11px; font-family:'Nanum Gothic',dotum; line-height:16px; } .cont_delivery_help dt { font-weight:bold; margin-top:14px; margin-bottom:4px; } .cont_delivery_help dd p { background:url(/images/board/bul_black.gif) no-repeat 6px 5px; padding-left:14px; } .cont_delivery_help dd p span { color:#ffa024; } .shopping_appList { border:1px solid #e2e2e2; margin:10px 0 26px 0; padding:6px 20px 20px 20px; background:#fcfcfc; } .shopping_appList dt { font-weight:bold; margin-top:14px; margin-bottom:4px; } .shopping_appList dd { overflow:hidden; position:relative; height:200px; overflow-y:scroll; border:1px solid #e2e2e2; background:#fff; padding:6px 8px; scrollbar-face-color:#F7F7F7; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #cccccc; } .shopping_appList dd p { background:url(/images/board/bul_black.gif) no-repeat 6px 7px; padding-left:14px; margin:6px 0; } .shopping_appList dd p span { display:inline-block; width:160px; } .social_time { margin:10px 0 26px 0; padding:6px 20px 20px 20px; background:url(/images/shopping/bg_dot.gif); } .social_time dt { font-weight:bold; margin-top:14px; margin-bottom:4px; font-size:16px; font-family: 'Nanum Gothic', sans-serif; color:#000; } .social_time dd { border:1px solid #e2e2e2; background:#fff; padding:16px 0 16px 22px; margin:6px 0; font-size:20px; font-family: 'Nanum Gothic', sans-serif; font-weight:bold; } .tab_detail{ position:relative; } .tab_detail .inner{clear:both;overflow:hidden;position:relative;width:100%;height:31px;background:url(/images/shopping/sp_hr.gif) repeat-x 0 -50px} .tab_detail ul{background:url(/images/shopping/sp_hr.gif) no-repeat 0 -100px} .tab_detail ul li{float:left;margin-right:-1px;} .tab_detail ul li a{display:inline-block;line-height:32px;text-decoration:none;cursor:pointer;background:url(/images/shopping/sp_hr.gif) no-repeat 0 -150px;} .tab_detail ul li a span{color:#fff;display:inline-block;padding:0 21px 0 20px;height:31px;background:url(/images/shopping/sp_hr.gif) no-repeat 100% -150px} .tab_detail ul li.on{position:relative;font-weight:bold;background:url(/images/shopping/sp_hr.gif) repeat-x 0 -200px} .tab_detail ul li.on a{background-position:0 -250px} .tab_detail ul li.on a span{color:#fff;background-position:100% -250px} .tab_detail a.top{position:absolute;top:0;right:0;width:60px;height:31px;line-height:31px;text-decoration:none;text-align:center;font-weight:bold;font-size:9px;font-family:tahoma;background:url(/images/shopping/goods_top_bg.gif) no-repeat;color:#fff;} .tab_detail a.top em{font-size:8px;margin:0 4px 0 0;} .tab_detail ul li a:hover {color:fff;} /* 공동구매 */ .shopping_cont ul.social_list { margin:26px 0 2px 28px; } .shopping_cont ul.social_list li { position:relative; float:left; margin:0 26px 40px 0; padding:0; background:#f9f9fa; border:1px solid #eee; padding:10px; cursor:pointer;} .shopping_cont ul.social_list li.ov { position:relative; float:left; margin:0 26px 40px 0; padding:0; background:#9195a7; border:1px solid #9195a7; padding:10px; } .shopping_cont ul.social_list li.ov p { color:#fff; } .shopping_cont ul.social_list li.ov p.thumb_area { color:#fff; } .shopping_cont ul.social_list li.ov p.cont { color:#fff; } .shopping_cont ul.social_list li.ov p.o_price { color:#fff; } .shopping_cont ul.social_list li.ov p.s_price { color:#fff; } .shopping_cont ul.social_list li.ov p.ea { color:#fff; } .shopping_cont ul.social_list li.ov p.ea span { color:#fff; } .shopping_cont ul.social_list li p.thumb_area { position:relative; } .shopping_cont ul.social_list li p.cont { width:262px; height:30px; color:#414141; font-size:15px; line-height:20px; padding:18px 0 0 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .shopping_cont ul.social_list li p.o_price {font-family: 'Nanum Gothic'; font-size:13px; margin:8px 0 8px 0; text-decoration:line-through; } .shopping_cont ul.social_list li p.s_price {float:left; padding-right:10px; margin:8px 0 8px 0; font-family: 'Nanum Gothic'; font-size:16px; color:#dc0000; font-weight:bold; } .shopping_cont ul.social_list li p.ea { position:absolute; font-family: 'Nanum Gothic'; color:#333; right:10px; top:326px; } .shopping_cont ul.social_list li p.ea span { font-family: 'Nanum Gothic'; font-weight:bold; font-size:15px; color:#dc0000;} .shopping_cont ul.social_list li p.end {margin:20px 0 8px 0; font-family: 'Nanum Gothic'; font-size:13px; text-align:center; background:#fff; border:1px solid #ccc; padding:10px; color:#666; font-weight:bold; } .shopping_cont ul.social_list li p.sale_tag { position:absolute; padding:24px 10px; color:#fff; font-size:16px; top:-1px; left:-1px; background:#ffa024; z-index:1; } .shopping_cont ul.social_list li p.sale_tag span { font-size:30px; } .shopping_cont ul.social_main li { margin:0 33px 40px 6px; } .shopping_cont ul.social_main li.ov { margin:0 33px 40px 6px; } /* 헤드타이틀 */ .head_tit { font-size:16px; font-weight:bold; font-family:'Nanum Gothic'; background:url(/images/board/icon_dot_black.gif) no-repeat 0 4px; padding-left:8px; margin:0 0 8px 0; } .head_tit1 { font-size:16px; font-weight:bold; font-family:'Nanum Gothic'; color:#fff; background:#393a3e; padding:10px; margin:0 0 0px 0; } .head_tit1 span { font-size:20px; font-weight:800; font-family:'Nanum Gothic'; color:#9be7f2; } /* 서브컨텐츠 */ dl.cont_paragraph { margin-bottom:30px; } dl.cont_paragraph dt { margin-top:20px; background:url(/images/cont/bul_blue.gif) no-repeat 0 2px; color:#ffa024; padding:0 0 16px 16px; font-family: 'Nanum Gothic'; font-size:16px; font-weight:bold; } dl.cont_paragraph dt b{ color:#007ac5; font-family: 'Nanum Gothic'; font-size:14px; font-weight:bold; } dl.cont_paragraph dd { margin-left:0px; line-height:20px; font-family: 'Nanum Gothic';} dl.cont_paragraph dd.none { font-size:15px; font-weight:bold; margin-left:0px; line-height:20px; font-family: 'Nanum Gothic';} dl.cont_paragraph dd b { color:#007ac5; font-weight:bold } dl.cont_paragraph dd span { color:#007ac5; } dl.cont_paragraph dd p.dot { font-family: 'Nanum Gothic'; font-size:12px; background:url(/images/common/dot_01.png) no-repeat 0 8px; padding-left:15px; line-height:22px;} dl.cont_bluebox { border:4px solid #393c4b; padding:18px 18px 18px 0; background:#fff; } dl.cont_bluebox dt { display:inline; background:#393c4b; padding:6px 16px 5px 16px; color:#fff; font-weight:bold; } dl.cont_bluebox dd { padding:10px 0 0 18px; line-height:18px; } dl.cont_paragraph1 { margin-bottom:30px; } dl.cont_paragraph1 dt { margin-top:20px; background:url(/images/cont/bul_blue.gif) no-repeat 0 2px; color:#ffa024; padding:0 0 16px 16px; font-family: 'Nanum Gothic'; font-size:16px; font-weight:bold; } dl.cont_paragraph1 dt b{ color:#007ac5; font-family: 'Nanum Gothic'; font-size:16px; font-weight:bold; } dl.cont_paragraph1 dd { font-size:13px;font-family: 'Nanum Gothic'; margin-bottom:10px; line-height:20px; border:0px solid #ccc; background:#f1f1f1; padding:20px;} dl.cont_paragraph1 dd b { color:#007ac5; font-weight:bold; font-size:14px; line-height:30px; } dl.cont_paragraph1 dd span { color:#007ac5; } dl.cont_paragraph2 dd.red1 { color:#d91212; } dl.cont_paragraph2 { margin-bottom:30px; } dl.cont_paragraph2 dt { margin-top:20px; background:url(/images/cont/bul_blue.gif) no-repeat 0 2px; color:#ffa024; padding:0 0 16px 16px; font-family: 'Nanum Gothic'; font-size:16px; font-weight:bold; } dl.cont_paragraph2 dt b{ color:#007ac5; font-family: 'Nanum Gothic'; font-size:16px; font-weight:bold; } dl.cont_paragraph2 dd { margin-left:0px; line-height:25px; border:0px solid #ccc; background:#f1f1f1; padding:10px 10px 10px 20px;} dl.cont_paragraph2 dd.none { margin-left:0px; line-height:25px; border:1px solid #ccc; background:#f1f1f1; padding:10px 10px 20px 20px;} dl.cont_paragraph2 dd b { color:#666; font-weight:bold } dl.cont_paragraph2 dd span { color:#d91212; font-family: 'Nanum Gothic'; font-size:16px; font-weight:bold;} dl.cont_paragraph2 dd.red1 { color:#d91212; } dl.cont_bluebox1 { border:4px solid #393c4b; padding:18px 18px 18px 0; background:#fff; } dl.cont_bluebox1 dt { display:inline; background:#393c4b; padding:6px 16px 5px 16px; color:#fff; font-weight:bold; } dl.cont_bluebox1 dd { padding:10px 0 0 18px; line-height:18px; } /* 주의사항폼 */ .app_caution { } .app_caution p.tit { margin:0 0 8px 0; font-size:14px; font-weight:bold; color:#ffa024; font-family:'Nanum Gothic',dotum; } .app_caution p.tit span { margin:0 0 0 18px; font-size:12px; font-weight:normal; color:#666; } .app_caution span.bold { margin:0 0 0 0; font-size:12px; font-weight:normal; color:#06F; font-weight:normal } .app_caution .contents { height:150px; padding:6px 0px; overflow-y:scroll; line-height:18px; background:#f7f7f7; font-size:10px; scrollbar-face-color:#F7F7F7; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #f7f7f7; scrollbar-arrow-color: #cccccc; } .app_caution .text_cont { line-height:16px; margin:20px 0 0 0; } .app_caution p.btn_caution { font-size:12px; text-align:right; margin:10px 5px 0 0; font-family: 'Nanum Gothic', sans-serif; } /* 탭메뉴 */ .tab_menu { position:relative; height:31px; background:url(/images/board/tab_menu.gif) repeat-x 0 100%; font-size:11px; font-family:'Nanum Gothic',dotum; } .tab_menu ul,.tab_menu ul li { margin:0; padding:0; } .tab_menu ul li{list-style:none; } .tab_menu ul li,.tab_menu ul li a{ background:url(/images/board/bg_tab2_off.gif) no-repeat;} .tab_menu ul li{ float:left;margin-right:-1px;line-height:28px; } .tab_menu ul li a{ display:inline-block;padding:3px 14px 1px; background-position: 100% 0; color:#666; text-decoration:none !important} .tab_menu ul li a:hover{ color:#000; } .tab_menu ul li.on,.tab_menu ul li.on a{ background-image:url(/images/board/bg_tab2_on.gif); } .tab_menu ul li.on a{ color:#000; font-weight:bold; } /* 안내 테이블 */ .help_wrap table { width:100%; border:1px solid #878f97; } .help_wrap table th { color:#052e57; background:#f2f4f5; border-right:1px solid #e4e4e4; border-bottom:1px solid #dbdbdb; padding:16px 0 14px 20px; vertical-align:top; text-align:left; } .help_wrap table td { background:#f8f9fa; padding:12px 16px 10px 18px; border-bottom:1px solid #dbdbdb; color:#333; } .help_wrap table td p { line-height:18px; } .help_wrap table img { vertical-align: text-bottom; margin-left:6px; } /* 테이블 가로형 */ .table_W { width:100%; border:0px solid #878f97; background:#fff; border-collapse:collapse;} .table_W th { padding:10px 0 8px 0; font-family: 'Nanum Gothic'; font-size:12px; background:#f4f4f4; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; color:#666; font-weight:bold; text-align:center;} .table_W th.left { text-align:left;padding-left:10px; } .table_W th.right { text-align:right; } .table_W th.center { text-align:center; } .table_W th.eng { letter-spacing:0px;} .table_W th img { vertical-align:middle; margin-left:6px; } .table_W th p.btn_Dproduct_del { margin-top:20px; } .table_W th p.btn_Bproduct_del { margin-top:80px; } .table_W th p.tit { margin-top:12px;} .table_W th p.tit span { font-family:'Nanum Gothic'; font-size:16px; font-weight:bold; color:#052e57; } .table_W th i { padding:0 4px 0 0; color:#C00; font-weight:bold; font-style:normal; } /*결제팝업*/ .table_W th.paymenthead {font-size:14px;font-weight:bold;font-family: 'Nanum Gothic', sans-serif;} .table_W td.paymenthead {font-size:14px;font-family: 'Nanum Gothic', sans-serif;} /*td 안에 글자가 많아도 td 넓이가 밀리지 않고 유지된 상태에서 글자를 아래로 내려줌 */ .break-all {word-break:break-all;} .table_W td { padding:8px 12px 8px 12px; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-top:1px solid #dbdbdb; color:#2c2c2c; line-height:18px; } .table_W td ul li { padding:3px 0; color:#2c2c2c; } .table_W td i { display:block; clear:both; color:#06F; font-style:normal; } .table_W td p { font-family: 'Nanum Gothic'; font-size:12px; color:#666;} .table_W td p.dot { font-family: 'Nanum Gothic'; font-size:12px; background:url(/images/common/dot_01.png) no-repeat 0 8px; padding-left:8px; line-height:22px;} .table_W td p span { font-family: 'Nanum Gothic'; font-size:12px; font-weight:bold; line-height:26px; } .table_W td.big_text { font-size:12px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; } .table_W td.explain { color:#06F; padding:0 0 0 4px; display:inline; } /* 테이블 세로형 */ .table_H { width:100%; border:1px solid #878f97; background:#fff; } .table_H th { padding:8px 6px 6px 6px; font-family:'Nanum Gothic',dotum; font-size:11px; background:url(/images/board/table_th_bg.gif) repeat-x center bottom; border-bottom:1px solid #dbdbdb; border-left:1px solid #dcdcdc; color:#666; line-height:16px; text-align:center;} .table_H th.left { text-align:left; } .table_H th.right { text-align:right; } .table_H th.center { text-align:center; } .table_H th p.bold { color:#06F; } .table_H th p.bold2 { color:#C00; } .table_H th p.gray { color:#999999; } .table_H th span { font-family:Tahoma, Geneva, sans-serif; letter-spacing:0; } /*장바구니 복사*/ .table_H th p.cartcopy a { color:#06F; font-size:14px;} .table_H td { text-align:center; padding:12px 4px 10px 4px; border-bottom:1px solid #e4e4e4; color:#2c2c2c; border-left:1px solid #e4e4e4; } .table_H td a { color:#444959; text-decoration:underline; } .table_H td p { overflow:hidden; height:18px; line-height:16px; } .table_H td p.bold { color:#06F; } .table_H td p.bold a { color:#06F; } .table_H td p.bold2 { color:#C00; } .table_H td p.gray { color:#8c8b8b; } .table_H td.big_text { font-size:12px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; padding:14px 0; } .table_H td ul.brand_list li { position:relative; float:left; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; width:137px; text-align:left; margin:0 8px 0 8px; border-bottom:1px solid #f5f5f5; padding:6px 0 6px 6px; } .table_H td ul.brand_list li.like {color:#6d8bd8; } .table_H td ul.brand_list li a { text-decoration: none; } .table_H td ul.brand_list li.like a { color:#6d8bd8; text-decoration: none; } .table_H td ul.brand_list li span { position:absolute; right:1px; } /* 테이블 상단검색 */ .slt_section { width:100%; } .slt_section .slt_section_wrap { border-left:1px solid #878f97; border-right:1px solid #878f97; padding:12px; } .slt_section .slt_section_wrap_none { border-left:1px solid #878f97; border-right:1px solid #878f97; border-top:1px solid #878f97; padding:12px; } /* 테이블 게시판 */ .table_board { width:100%; border:1px solid #878f97; background:#fff; } .table_board th { padding:10px 0 8px 0; font-family:'Nanum Gothic',dotum; font-size:11px; background:url(/images/board/table_th_bg.gif) repeat-x center bottom; border-bottom:1px solid #dbdbdb; border-left:1px solid #dcdcdc; color:#666; } .table_board td { padding:12px 12px 10px 12px; border-bottom:1px solid #e4e4e4; color:#2c2c2c; border-left:1px solid #e4e4e4; } .table_board td.center { text-align:center; } .table_board td.blue { color:#ffa024; } .table_board td.bold { font-weight:bold; } .table_board td.read { color:#848383; } /* 쪽지함 읽은 글 */ .table_board td.unread { color:#000000; font-weight:bold; } /* 쪽지함 읽은 글 */ .table_board td .reply { color:#ffa024; font-size:10px; padding:0 0 0 2px; } /* 쪽지함 읽은 글 */ .table_board td span { padding:0 0 0 6px; } .table_board td span img { vertical-align:middle; } .table_board .prod_img { } .table_board_w { width:100%; border:1px solid #878f97; background:#fff; } .table_board_w th { padding:10px 0 8px 0; background:url(/images/board/table_th_bg.gif) repeat-x center bottom; border-bottom:1px solid #dbdbdb; border-left:1px solid #dcdcdc; color:#666; } .table_board_w th i { padding:0 4px 0 0; color:#C00; font-weight:bold; font-style:normal; } .table_board_w td { padding:12px 12px 10px 12px; border-bottom:1px solid #e4e4e4; color:#2c2c2c; border-left:1px solid #e4e4e4; } .table_board_w td p.bold { color:#06F; font-weight:bold;} .table_board_w td p.bold a { color:#06F; font-weight:bold; text-decoration: underline} .table_board_w td p.bold2 { color:#C00; } .table_board_w td p.gray { color:#8c8b8b; } .table_board_v { width:100%; border:1px solid #878f97; background:#fff; } .table_board_v th { padding:10px 0 8px 0; background:url(/images/board/table_th_bg.gif) repeat-x center bottom; border-bottom:1px solid #dbdbdb; border-left:1px solid #dcdcdc; color:#666; } .table_board_v td { padding:12px 12px 10px 12px; border-bottom:1px solid #e4e4e4; color:#2c2c2c; border-left:1px solid #e4e4e4; } /* 상단안내테이블 */ .table_help { width:100%; border-top:1px solid #878f97; background:#fff; } .table_help th { padding:12px 12px 10px 12px; font-family:'Nanum Gothic',dotum; font-size:11px; background:#fafafa; border-bottom:1px solid #dbdbdb; color:#666; } .table_help td { padding:12px 12px 10px 12px; border-bottom:1px solid #e4e4e4; color:#2c2c2c; border-left:1px solid #e4e4e4; } .table_help td span.help_text { font-size:11px; color:#ffa024; font-family:'Nanum Gothic',dotum; display:block; float:none; clear:both; margin-top:6px; font-weight:normal; } .table_help td.price { font-weight:bold; font-size:14px; color:#ffa024; font-family:'Nanum Gothic',dotum; } dl.cont_help { border:2px solid #ffa024; padding:7px 18px 18px 0; } dl.cont_help dt { display:inline; background:#ffa024; padding:6px 16px 6px 16px; color:#fff; font-weight:bold; } dl.cont_help dd { padding:10px 0 0 18px; line-height:18px; font-weight:normal; font-size:11px; font-family:'Nanum Gothic',dotum; } .table_tax { width:100%; border:1px solid #878f97; background:#fff; } .table_tax th { padding:10px 0 8px 0; font-family:'Nanum Gothic',dotum; font-size:11px; background:url(/images/board/table_th_bg.gif) repeat-x center bottom; border-bottom:1px solid #dbdbdb; border-left:1px solid #dcdcdc; color:#666; line-height:16px; } .table_tax td { text-align:center; padding:12px 6px 10px 6px; border-bottom:1px solid #e4e4e4; color:#2c2c2c; border-left:1px solid #e4e4e4; } /* faq */ .dhtmlgoodies_head { border-top:2px solid #464646; } .dhtmlgoodies_question{ font-size:12px; border-bottom:1px #dcdcdc solid; padding:12px 8px 10px 8px; overflow:hidden; cursor:pointer; } .dhtmlgoodies_answer{ font-size:12px; border-bottom:1px solid #ddd; background-color:#fafafa; padding:0px; visibility:hidden; overflow:hidden; position:relative; } .dhtmlgoodies_answer div { padding:16px 24px 16px 36px; line-height:18px; } .dhtmlgoodies_answer span { color:#007ac5; } /* tax Tab_menu */ .customer_tab {display:inline-block;width:100%;margin-top:10px; background:#ecedee;} .customer_tab ul {padding:0; margin:0; } .customer_tab ul li {float:left;margin-right:0px;line-height:26px;cursor:pointer;background:#ecedee; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5;} .customer_tab ul li span {display:inline-block;padding:2px 25px 1px;_padding:3px 25px 0;background-position: 100% 0;color:#7e7e7e;text-decoration:none !important} .customer_tab ul li.on,.customer_tab ul li.on span {background:#5f6372; border-top:1px solid #595f6b; border-right:1px solid #595f6b; border-left:1px solid #595f6b; color:#fff; font-weight:bold; } .customer_tab ul li.on span {color:#fff;font-weight:bold;} .customer_tab_blue {display:inline-block;width:100%;margin-top:10px; background:#ecedee;} .customer_tab_blue ul {padding:0; margin:0; } .customer_tab_blue ul li {float:left;margin-right:1px;padding:2px 11px 2px 11px; line-height:26px;cursor:pointer; border:1px solid #ddd; } .customer_tab_blue ul li span {display:inline-block; color:#7e7e7e;text-decoration:none !important} .customer_tab_blue ul li.on,.customer_tab ul li.on span {background:#ffa024; border-top:1px solid #013d79; border-right:1px solid #013d79; border-left:1px solid #013d79; color:#fff; } .customer_tab_blue ul li.on span {color:#fff;} /* 약관 */ .agree_caution { background:#fff; } .agree_caution p.tit { margin:0 0 10px 5px; font-size:12px; font-weight:bold; color:#ffa024; font-family:'Nanum Gothic',dotum; } .agree_caution p.tit span { margin:0 0 0 18px; font-size:11px; font-weight:normal; color:#666; } .agree_caution .contents { height:240px; padding:0 20px; overflow-y:scroll; line-height:18px; background:#f7f7f7; font-size:10px; scrollbar-face-color:#F7F7F7; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #f7f7f7; scrollbar-arrow-color: #cccccc; } .agree_caution p.btn_caution { font-size:15px; text-align:right; margin:10px 5px 0 0; font-family: 'Nanum Gothic', sans-serif; } .agree_caution_contents { padding:0 8px; line-height:18px; font-size:10px; } .agree_text { line-height:20px; font-family: 'Nanum Gothic'; } .agree_text h1 { font-size:12px; margin:26px 0 8px 0; color:#ffa024; } .agree_text h2 { font-size:13px; font-weight:normal; margin:6px 0 6px 18px; color:#000;} .agree_text h3 { font-size:12px; font-weight:normal; margin:2px 0 2px 32px; text-indent:-14px; color:#666; } .agree_text h4 { font-size:12px; font-weight:normal; margin:2px 0 2px 50px; text-indent:-18px; color:#666;} .agree_text h5 { font-size:12px; font-weight:normal; margin:2px 0 2px 74px; text-indent:-14px; color:#666;} /* 장바구니 복사 설명 */ #gallery_box { position:relative; } #gallery_box .gallery_view { position:relative; width:960px; height:422px; margin:0 auto 10px auto; overflow:hidden; } #gallery_box .gallery_view #scroller { width:960px; height:422px; margin:0 auto; } #gallery_box .gallery_view #scroller .images { width:3840px; } #gallery_box .gallery_view #scroller .images li { float:left } #gallery_box .gallery_view .btn_l { position:absolute; top:50%; left:0; margin-top:-25px; } #gallery_box .gallery_view .btn_r { position:absolute; top:50%; right:0; margin-top:-25px; } #gallery_box p { clear:both; font-size:12px } #gallery_box .gallery_thumblist { } #gallery_box .gallery_thumblist .thumbnails { width:960px; } #gallery_box .gallery_thumblist .thumbnails li { float:left; background-color:#fff; margin:0 0 0 10px; cursor:pointer; } #gallery_box .gallery_thumblist .thumbnails li.none { margin:0 0 0 0; } #gallery_box .gallery_thumblist .thumbnails li img { display:block; opacity:0.3; filter:alpha(opacity=30); } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* 마이페이지 */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ .mypage_member { background:#ededef; padding:12px 14px 12px 20px; border-radius:5px; font-size:20px; font-family: 'Nanum Gothic', sans-serif; color:#373e4f; } .mypage_member span { font-weight:bold; } .mypage_member span a { color:#373e4f; } .mypage_member i { float:right; margin:0 0 0 10px; background:#fff; border-radius:4px; font-size:12px; padding:6px 12px 5px 30px; font-style:normal; color:#000; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "Nanum Gothic"; } .mypage_member i span { color:#f54f05; margin:0 0 0 6px; } .mypage_member i span a { color:#f54f05; } .mypage_member i.giftcard { background:url("/images/icon/icon_giftcard.gif") no-repeat 12px 9px #fff; } .mypage_member i.me { background:url("/images/icon/icon_me.gif") no-repeat 11px 7px #fff; } .mypage_member i.coupon { background:url("/images/icon/icon_coupon.gif") no-repeat 12px 6px #fff; } .mypage_member i.deposit { background:url("/images/icon/icon_deposit.gif") no-repeat 12px 7px #fff; } .mypage_member i.grade { background:url("/images/icon/icon_grade.gif") no-repeat 10px 6px #fff; } .mypage_member_addr { background:#f4f4f4; padding:12px 14px 12px 20px; border-radius:5px; } .mypage_member_addr span { font-weight:bold; } .mypage_member_addr span a { color:#373e4f; } .mypage_member_addr dd { margin:10px 0;} /* .mypage_member { background:#ededef; padding:14px 14px 8px 20px; border-radius:5px; font-size:20px; font-family: 'Nanum Gothic', sans-serif; color:#373e4f; } .mypage_member span { font-weight:bold; } .mypage_member span a { color:#373e4f; } .mypage_member i { float:right; margin:0 0 0 10px; background:#fff; border-radius:4px; font-size:12px; padding:6px 12px 5px 30px; font-style:normal; color:#000; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "Nanum Gothic"; } .mypage_member i span { color:#007ac5; margin:0 0 0 6px; } .mypage_member i span a { color:#007ac5; } .mypage_member i.giftcard { background:url("/images/icon/icon_giftcard.gif") no-repeat 12px 9px #fff; } .mypage_member i.me { background:url("/images/icon/icon_me.gif") no-repeat 11px 7px #fff; } .mypage_member i.coupon { background:url("/images/icon/icon_coupon.gif") no-repeat 12px 6px #fff; } .mypage_member i.deposit { background:url("/images/icon/icon_deposit.gif") no-repeat 12px 7px #fff; } .mypage_member i.grade { background:url("/images/icon/icon_grade.gif") no-repeat 10px 6px #fff; } */ .mypage_AllList { padding:24px 0; } .mypage_AllList dl { } .mypage_AllList dt { padding:0 0 14px 0; } .mypage_AllList dd { float:left; height:84px; padding:12px 40px 0 0; background:url("/images/mypage/st_substatus_off.png") no-repeat 0 0 } .mypage_AllList dd.end { width:124px; } .mypage_AllList dd.point { background:url("/images/mypage/st_substatus_on.png") no-repeat 0 0; color:#fff; } .mypage_AllList dd.point p.mypage_help { color:#fff; } .mypage_AllList dd p { width:147px; margin:0 0 0 12px; font-size:16px; font-family:'Nanum Gothic',dotum; font-weight:bold; text-align:left; } .mypage_AllList dd p.mypage_help { margin-top:8px;margin-bottom:4px;font-size:11px;color:#000;font-weight:normal;font-family:'Nanum Gothic',dotum; } .mypage_AllList dd p span.price { font-size:22px; font-weight:bold; font-family:"Arial", Gadget, sans-serif; margin:0 6px 0 0; } /* .mypage_AllList { background:#fff; border-radius:5px; border:5px solid #ededef; padding:24px 35px; } .mypage_AllList dl { } .mypage_AllList dt { padding:0 0 14px 0; } .mypage_AllList dd { float:left; height:120px; padding:26px 50px 0 0; background:url("/images/mypage/bg_flow.gif") no-repeat 0 0; } .mypage_AllList dd.point { background:url("/images/mypage/bg_flow_P.gif") no-repeat 0 0; } .mypage_AllList dd.point p.mypage_help { color:#f6c2b6; } .mypage_AllList dd p { width:110px; margin:0 0 0 13px; color:#fff; font-size:16px; font-family:'Nanum Gothic',dotum; font-weight:bold; text-align:center; } .mypage_AllList dd p.mypage_help { margin-top:10px;margin-bottom:6px;font-size:11px;color:#000;font-weight:normal;font-family:'Nanum Gothic',dotum; } .mypage_AllList dd p span.price { color:#000; font-size:22px; font-weight:bold; font-family:"Arial", Gadget, sans-serif; margin:0 6px 0 6px; } */ .mypage_table { width:100%; border:1px solid #878f97; background:#fff; } .mypage_table th { padding:10px 0 8px 0; background:url(/images/board/table_th_bg.gif) repeat-x center bottom; border-bottom:1px solid #dbdbdb; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; color:#2c2c2c; } .mypage_table td { padding:8px 12px 8px 12px; border-bottom:1px solid #dbdbdb; color:#2c2c2c; line-height:18px; } .mypage_table_in { width:100%; border:0px solid #878f97; background:#fff; font-size:13px;} .mypage_table_in th { padding:10px 0 8px 0; color:#2c2c2c; line-height:20px; border-bottom:1px solid #ddd; } .mypage_table_in td { padding:8px 12px 8px 12px; color:#2c2c2c; line-height:20px; border-bottom:1px solid #ddd;} .title_mypage { background:url(/images/cont/bul_blue.gif) no-repeat 0 2px; color:#2c2c2c; padding:0 0 10px 16px; font-family:'Nanum Gothic',dotum; font-size:14px; font-weight:bold; } .mypage_board { float:left; } .lastlist_wrap { width:450px; } .lastlist_wrap .tit { position:relative; padding:16px 0 12px 4px; } .lastlist_wrap .tit .btn_more { position:absolute; top:20px; right:0px; } .lastlist_wrap ul { margin:10px 0px; } .lastlist_wrap ul li { position:relative; margin:20px 0; padding:0 10px; background:url(/images/board/bul_black.gif) no-repeat 2px 4px; } .lastlist_wrap ul li p { overflow:hidden; width:360px; height:12px; } .lastlist_wrap ul li span { position:absolute; color:#b2b2b2; top:0; right:0; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* 합계테이블 */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* 합계테이블_총결제예정금액 */ .sum_buy {position:relative;z-index:1;background:#fff;} .sum_buy table {width:100%;border-top:2px solid #393939;border-bottom:1px solid #393939;} .sum_buy th {height:38px;text-align:left;} .sum_buy .price_open {background:#f4f4f4 url(/images/cart/tit_sum_price.gif) no-repeat 14px 0;} .sum_buy .price_open .txt_num {display:block;padding:4px 6px 0 0;font-size:11px;color:#666;text-align:right;font-family:'Nanum Gothic',dotum; } .sum_buy .price_open .txt_bar {padding:0 5px 0 2px;color:#b9b9b9;} .sum_buy .price_duty {background:#f4f4f4 url(/images/cart/tit_duty_price.gif) no-repeat 0 0;} .sum_buy .price_duty .btn {display:block;padding-right:6px;text-align:right;} .sum_buy .price_amount {background:#f4f4f4 url(/images/cart/tit_amount.gif) no-repeat 0 0;} .sum_buy .price_delivery {background:#f4f4f4 url(/images/cart/tit_delivery_price.gif) no-repeat 0 0;} .sum_buy .price_delivery_proc {background:#f4f4f4 url(/images/cart/tit_delivery_price_proc.gif) no-repeat 0 0;} .sum_buy .price_delivery .btn {display:block;padding-right:6px;text-align:right;} .sum_buy .price_commission {background:#f4f4f4 url(/images/cart/tit_commission_price.gif) no-repeat 0 0;} .sum_buy .price_commission .btn {display:block;padding-right:6px;text-align:right;} .sum_buy .price_deposit {background:#f4f4f4 url(/images/cart/tit_deposit_price.gif) no-repeat 0 0;} .sum_buy .price_total {background:#f4f4f4 url(/images/cart/tit_total_price.gif) no-repeat 0 0;} .sum_buy .price_total_confirm {background:#f4f4f4 url(/images/cart/tit_total_price_confirm.gif) no-repeat 0 0;} .sum_buy td {height:82px;border-top:1px solid #dfdfdf;font:bold 24px tahoma;text-align:right;color:#393939;} .sum_buy td .txt_won {position:relative;top:-3px;padding:0 17px 0 2px;font-size:14px;font-family:dotum,'Nanum Gothic';} .sum_buy .num_dc {background:url(/images/cart/ico_minus.gif) no-repeat 0 50%;} .sum_buy .num_deliv {background:url(/images/cart/ico_plus.gif) no-repeat 0 50%;} .sum_buy .num_multiplication {background:url(/images/cart/ico_multiplication.gif) no-repeat 0 50%;} .sum_buy .num_total {background:url(/images/cart/ico_total.gif) no-repeat 0 50%;color:#d50200;} /* 장바구니 게시판 */ .cart_board { width:100%; border:1px solid #878f97; background:#fff; } .cart_board th { padding:10px 0 8px 0; font-family:'Nanum Gothic',dotum; font-size:11px; background:url(/images/board/table_th_bg.gif) repeat-x center bottom; border-bottom:1px solid #dbdbdb; border-left:1px solid #dcdcdc; color:#666; } .cart_board td { padding:12px 10px 14px 10px; text-align:center; border-bottom:1px solid #e4e4e4; color:#2c2c2c; border-left:1px solid #e4e4e4; } .cart_board td p { font-size:11px; font-family:'Nanum Gothic',dotum; line-height:16px; } .cart_board td p.point { font-size:16px; font-family:'Nanum Gothic',dotum; font-weight:bold; color:#007ac5; } .cart_board td span.price { font-size:20px; font-family:tahoma; font-weight:bold; color:#dc0000; } .cart_board td.bgcolor_gray { background:#fafafa; } .cart_board .prod_img { position:absolute; width:80px; height:80px; } .cart_board td.left { text-align:left; } .cart_board td span.lpop_srch_frame { position:absolute; width:78px; height:78px; border:1px solid #f7f7f7; } .cart_board td.noData { height:140px; text-align:center; font-size:14px; font-family:'Nanum Gothic',dotum; } .cart_board ul { position:relative; margin:0 0 0 96px; line-height:18px; } .cart_board ul li.tit { font-size:14px; margin:0 0 12px 0; } .cart_board ul li.opt { background:#f8f8f8; border:1px solid #e9e9e9; padding:8px 10px; } .cart_board ul li.opt p { line-height:16px; } .cart_board ul li.opt p span { margin:0 6px 0 0; } .cart_board ul.ea_count { float:left; display:inline-block; margin:0; line-height:18px; } /* 쇼셜 장바구니 게시판 */ .social_cart_board { width:100%; border:1px solid #878f97; background:#fff; } .social_cart_board th { padding:10px 0 8px 0; font-family:'Nanum Gothic',dotum; font-size:11px; background:url(/images/board/table_th_bg.gif) repeat-x center bottom; border-bottom:1px solid #dbdbdb; border-left:1px solid #dcdcdc; color:#666; } .social_cart_board td { font-size:20px; padding:12px 10px 14px 10px; text-align:center; border-bottom:1px solid #e4e4e4; color:#2c2c2c; border-left:1px solid #e4e4e4; height:180px; vertical-align:top; } .social_cart_board td p { font-size:11px; font-family:'Nanum Gothic',dotum; line-height:16px; } .social_cart_board td p.point { font-size:16px; font-family:'Nanum Gothic',dotum; font-weight:bold; color:#007ac5; } .social_cart_board td span.price { font-size:20px; font-family:tahoma; font-weight:bold; color:#dc0000; } .social_cart_board td.bgcolor_gray { background:#fafafa; } .social_cart_board .prod_img { position:absolute; width:180px; height:180px; } .social_cart_board td.left { text-align:left; } .social_cart_board td span.lpop_srch_frame { position:absolute; width:178px; height:178px; border:1px solid #f7f7f7; } .social_cart_board td.noData { height:140px; text-align:center; font-size:14px; font-family:'Nanum Gothic',dotum; } .social_cart_board ul { position:relative; margin:0 0 0 196px; line-height:18px; } .social_cart_board ul li.tit { font-size:20px; margin:0 0 12px 0; line-height:24px; } .social_cart_board ul.ea_count { float:left; display:inline-block; margin:0; line-height:18px; } /* 주문 */ .title_wrap { margin:0 0 8px 0; font-size:18px; font-weight:bold; font-family:'Nanum Gothic',dotum; } .save_point_wrap { position:relative; width:100%; border-top:2px solid #383d4a; border-bottom:1px solid #dddde1; } .save_point_wrap td.sum_won { background:#c90202; padding:14px 12px 14px 12px; vertical-align:top; color:#fff; } .save_point_wrap td.personal { padding:0 0 14px 0; vertical-align:top; border-left:1px solid #dddde1; } .total_won { position:relative; width:100%; } .total_won td { text-align:left; padding:2px 0; border:none; } .total_won th { text-align:right; padding:2px 0; border:none; color:#fff; font-weight:bold; } .total_won th span { font-size:18px; } .save_point { position:relative; width:100%; } .save_point th { padding:3px 12px 0 12px; background:#f7f7f7; color:#20232c; font-weight:normal; } .save_point td { padding:8px 12px 8px 12px; text-align:center; height:21px; } .save_point td div { padding:4px 0; } .save_point td.left { text-align:left; } .save_point td .text_input { height:19px; text-align:right; border-top:1px solid #c5c5c5; border-left:1px solid #c5c5c5; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:0 3px 0 0; } .save_point td .delivery_input { height:16px; border-top:1px solid #c5c5c5; border-left:1px solid #c5c5c5; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:3px 0 0 4px; } .save_point td i { color:#c90202; font-weight:bold; font-style:normal; } .save_point td dl.info_msg { width:70%; padding:9px 11px 7px 11px; background:#fcfcfc; border:1px solid #eef2ec; font-family:'Nanum Gothic',dotum; font-size:11px; line-height:18px; } .save_point td dl.info_msg dt { font-weight:bold; } .save_point td dl.info_msg dd { } .save_point th.underline { border-bottom:1px solid #dddde1; height:20px; } .save_point td.underline { border-bottom:1px solid #dddde1; height:20px; } .save_point td ul li { background:url(/images/board/bul_black.gif) no-repeat 0 5px; margin:0 5px 5px 5px; padding:0 0 0 8px; font-size:11px; font-family:'Nanum Gothic',dotum; line-height:14px; } .save_point td ul li span { color:#007ac5; } .save_point td ul.card li { float:left; margin:0 5px 8px 5px; background:none; padding:0; } .save_point td span.sum_won { font-size:16px; font-weight:bold; color:#c90202; } .save_point td span.point_won { font-size:16px; font-weight:bold; color:#ffa024; } /* 쇼핑카테고리 */ .location { padding:0 0 10px 30px; } .location ul li { float:left; background:url("/images/shopping/bar_location.gif") no-repeat 0 0; font-family:'Nanum Gothic',dotum; font-size:14px; margin:0 0 0 18px; padding:0 10px 0 18px; font-weight:bold; text-decoration: none; } .location a { } .location .none { background:none; margin:0; padding:0; } .location .arr { position:absolute; font-size:6px; margin:-1px 0 0 6px; } .location .sub_category { position:absolute; z-index:99; background:#fff; border:1px solid #333; } .location .sub_category p { border-top:1px solid #e9e9e9; padding:12px 16px 10px 16px; font-weight:normal; } .location .sub_category p.none { border-top:none; } .location .shop_search_wrap { position:absolute; right:28px; top:-5px; } ul.help_menu { position:absolute; margin:-77px 0 0 -138px; background:#9195a7; padding:10px 20px; } ul.help_menu li { font-size:12px; font-weight:bold; color:#fff; border-top:1px solid #d2d5e4; padding:14px 0; } ul.help_menu li a { color:#fff; text-decoration: none; } ul.help_menu li.none { border-top:none; } /* 말풍선 추가 */ .help_messege1 { position:relative;} .help_messege1 img {cursor:pointer;} .help_messege1 .messageBox {top:25px; left:-3px; font-weight:normal; text-align:left; display:none;} .help_messege1:hover .messageBox { display:block;} .ordersearchBox { position:absolute; top:284px; left:25%; width:900px; height:525px; padding:10px 25px; border:1px solid #000; background:#FFF; z-index:99; overflow-y:scroll; overflow-x:hidden; scrollbar-face-color:#F7F7F7; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#cccccc; } .ordersearchBox th {} .ordersearchBox .help_close { position:absolute; top:0px; right:0px;} .ordersearchBox .btnCenter { margin-left:365px; auto; } .selectbox {padding:4px; background:#FFF; border:1px solid #c5c5c5; color:#3c3c3c;} .mdPickMain {width:962px; min-height:400px; overflow:hidden; margin:0 auto; border:1px solid #d0d0d0; background:#FFF;text-align:left;} .mdPickMain h3 {display:block; width:954px; padding:10px 0 10px 10px; background:#5d5d5f;} .mdPickMain ul {margin:10px 0 0 12px; overflow:hidden;} .mdPickMain ul li {float:left; margin-left:5px; margin-top:10px; padding-bottom:10px;width:180px; height:230px; text-align:center;} .mdPickMain ul li p { margin-top:5px; padding-bottom:15px; font:11px; line-height:15px;} .mLine {width:1090px; height:15px; margin:0 auto; background:url(/images/common/bg_main2.gif)} .mdPick2 {width:1058px; min-height:400px; overflow:hidden; margin:0 auto; border:1px solid #d0d0d0;} .mdPick2 h3 {display:block; width:990px; padding:10px 0 10px 10px; background:#5d5d5f;} .mdPick2 ul {margin:10px 0 0 12px; overflow:hidden;} .mdPick2 ul li {float:left; margin-left:5px; margin-top:10px; padding-bottom:10px;width:190px; height:230px; text-align:center;} .mdPick2 ul li p { margin-top:5px; padding-bottom:15px; font:11px; line-height:15px;} .centertext {text-align:left;font-size:14px; font-weight:bold; font-family: 'Nanum Gothic', sans-serif;} .centertext span{color:#06F;} .jssort11 { position: absolute; width: 205px; height: 240px; } .jssort11 .p { position: absolute; width: 205px; height: 47px; background: #ddd; } .jssort11 .tp { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .jssort11 .i, .jssort11 .pav:hover .i { position: absolute; top: 3px; left: 3px; width: 60px; height: 20px; border: white 1px dashed; } * html .jssort11 .i { width /**/: 62px; height /**/: 32px; } .jssort11 .pav .i { border: white 1px solid; } .jssort11 .t, .jssort11 .pav:hover .t { position: absolute; top: 3px; left: 68px; width: 205px; height: 40px; line-height: 32px; text-align: center; color: #fc9835; font-size: 13px; font-weight: 700; } .jssort11 .pav .t, .jssort11 .p:hover .t { color: #666; } .jssort11 .c, .jssort11 .pav:hover .c { position: absolute; width: 205px; height: 47px; padding-top:15px; color: #666; font-size: 14px; font-weight: 700; text-align:center; overflow: hidden; } .jssort11 .pav .c, .jssort11 .p:hover .c { color: #fff; } .jssort11 .t, .jssort11 .c { } .jssort11 .p:hover .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .pav:hover .c { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .jssort11 .p:hover, .jssort11 .pav:hover { background: #ff7513; } .jssort11 .pav, .jssort11 .p.pdn { background: #ff7513; }