@charset "euc-kr"; @import "slick.css"; @import "select_2018.css"; @font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 300; src: url("/static/font/NotoSansKR-Light.eot"); src: local(※), url("/static/font/NotoSansKR-Light.woff2") format("woff2"), url("/static/font/NotoSansKR-Light.woff") format("woff"), url("/static/font/NotoSansKR-Light.otf") format("opentype"); } @font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 400; src: url("/static/font/NotoSansKR-Regular.eot"); src: local(※), url("/static/font/NotoSansKR-Regular.woff2") format("woff2"), url("/static/font/NotoSansKR-Regular.woff") format("woff"), url("/static/font/NotoSansKR-Regular.otf") format("opentype"); } @font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 500; src: url("/static/font/NotoSansKR-Medium.eot"); src: local(※), url("/static/font/NotoSansKR-Medium.woff2") format("woff2"), url("/static/font/NotoSansKR-Medium.woff") format("woff"), url("/static/font/NotoSansKR-Medium.otf") format("opentype"); } @font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 700; src: url("/static/font/NotoSansKR-Bold.eot"); src: local(※), url("/static/font/NotoSansKR-Bold.woff2") format("woff2"), url("/static/font/NotoSansKR-Bold.woff") format("woff"), url("/static/font/NotoSansKR-Bold.otf") format("opentype"); } @font-face { font-family:'NanumGothic'; font-style: normal; font-weight: normal; src: url("/static/font/NanumGothic-Regular.eot"); src: local(※), url("/static/font/NanumGothic-Regular.woff2") format("woff2"), url("/static/font/NanumGothic-Regular.woff") format("woff"), url("/static/font/NanumGothic-Regular.otf") format("opentype"); } @font-face { font-family: 'NanumGothic-Bold'; font-style: normal; font-weight: normal; src: url("/static/font/NanumGothic-Bold.eot"); src: local(※), url("/static/font/NanumGothic-Bold.woff2") format("woff2"), url("/static/font/NanumGothic-Bold.woff") format("woff"), url("/static/font/NanumGothic-Bold.otf") format("opentype"); } /* reset */ body {overflow-y:scroll; overflow-y:auto \0/IE7;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, iframe, p, button, input {margin:0; padding:0;} body, input, button, textarea {font-family:Dotum, Arial, AppleGothic, sans-serif; font-size:12px; color:#666; line-height:1.2;} h1, h2, h3, h4 {font-family:Gulim; font-weight:bold; color:#333; font-size:12px;} h5, h6 {font-family:Dotum; font-weight:bold; color:#333; font-size:12px;} img, fieldset, button, iframe {border:0 none;} img, input, button {vertical-align:middle;} select {border:1px solid #ccc; outline:0; padding:1px; font-family:Dotum, Arial, AppleGothic, sans-serif; font-size:12px; color:#666;} input, select, button, a, textarea {outline:0;} label, button {cursor:pointer;} select {height:21px; line-height:21px;} table {width:100%; border-collapse:collapse;} th {font-weight:normal; text-align:left;} li {list-style:none;} em, address {font-style:normal;} hr {display:none;} a {color:#666; text-decoration:none;} a:hover {color:#333; text-decoration:underline;} a:active {color:#666;} /* common */ h4 a {font-family:Dotum;} input.input {height:21px; line-height:23px; margin:0 auto; vertical-align:middle; padding:0 7px 0 7px; border:1px solid #ccc;} input.input.ea {width:15px; height:17px; line-height:17px; margin-right:3px; margin-top:-2px;} input.input_num {height:21px; line-height:21px; text-align:center; margin:0 auto; width:102px; border:1px solid #ccc;} input[type=text]::-ms-clear {display:none;} textarea.textarea {padding:8px;} .hide {display:none;} .pt10 {padding-top:10px;} .pt20 {padding-top:20px;} .mt_1 {margin-top:-1px;} .mt10 {margin-top:10px;} .mt20 {margin-top:10px;} .space10 {height:10px; clear:both; width:100%;} .space20 {height:20px; clear:both; width:100%;} .space30 {height:30px; clear:both; width:100%;} .space40 {height:40px; clear:both; width:100%;} .space50 {height:40px; clear:both; width:100%;} .tl {text-align:left !important;} .tc {text-align:center !important;} .tr {text-align:right !important;} .bold {font-weight:bold !important;} .bold_nor {font-weight:normal !important;} .F11 {font-size:11px;} .F12 {font-size:12px;} .info {font-size:11px;} .infoSol {font-size:11px;} .font1 {color:#d71d20;} .font2 {color:#333;} .font3 {color:#0d75b1;} .red_font {color:#f14949;} .Fpoint {color:#17a9ef;} .Fprice {color:#f14949;} .ft_color01 {color:#000 !important;} .ft_color02 {color:#007acf !important;} .uline {text-decoration:underline;} .txt_guide1 {padding:0 0 10px 16px; color:#f34b4b; background:url('/img/imfs/main/ico_i_s.gif') no-repeat 0 1px;} .txt_guide2 {padding:5px 0 10px 16px; background:url('/img/imfs/main/ico_i_s.gif') no-repeat 0 6px;} div.line {height:1px; width:100%; background-color:#333; overflow:hidden;} div.line2 {height:2px; width:100%; background-color:#333; overflow:hidden;} .line_ccc {overflow:hidden; clear:both; width:100%; margin-top:-1px; height:1px; background-color:#ccc;} .set_pop {display:none;} .barcode {padding:10px 0;} .barcode div.num {display:none;} .barcode div.code {display:block;} .barcode div.txt {text-align:center; letter-spacing:1px; color:#333; padding:5px 0; clear:both; width:100%;} .ly_loading {position:fixed; left:50%; top:50%; margin:-75px 0 0 -270px; width:540px; height:150px; z-index:2500; visibility:hidden;} .ly_calendar {position:absolute; width:190px; height:265px; z-index:2500; visibility:hidden;} .ly_alert {position:fixed; display:none; z-index:500; left:50%; top:50%; margin:-100px 0 0 -175px; background-color:#fff; border:1px solid #333; border-top:2px solid #333; box-shadow:0 0 5px rgba(0, 0, 0, 0.5); width:350px; padding:30px 0; text-align:center;} .ly_alert p {padding-bottom:5px; color:#333;} .ly_alert strong {font-size:14px; color:#e03535;} .ly_alert div.btn {padding-top:20px;} span.help_info {display:inline-block; overflow:hidden; width:12px; font-size:0; height:12px; text-indent:-9999px; margin-top:-1px; margin-bottom:1px; vertical-align:middle; background:url('/img/imfs/main/help_info.gif') no-repeat;} span.help {display:inline-block; overflow:hidden; width:12px; font-size:0; height:12px; text-indent:-9999px; margin-top:-1px; vertical-align:middle; background:url('/img/imfs/main/ico_help.gif') no-repeat;} span.help_ly {display:inline-block; overflow:hidden; width:12px; font-size:0; height:12px; text-indent:-9999px; margin-top:-1px; vertical-align:middle; background:url('/img/imfs/main/ico_help.gif') no-repeat;} span.help_middle {display:inline-block; overflow:hidden; width:12px; font-size:0; height:12px; text-indent:-9999px; margin-top:-1px; margin-left:5px; vertical-align:middle; background:url('/img/imfs/main/ico_help.gif') no-repeat; cursor:pointer;} span.help_middle_ly {display:inline-block; overflow:hidden; width:12px; font-size:0; height:12px; text-indent:-9999px; margin-top:-1px; margin-left:5px; vertical-align:middle; background:url('/img/imfs/main/ico_help.gif') no-repeat;} a.btn {border-radius:1px; margin:0 3px; overflow:hidden; vertical-align:middle; font-size:11px; white-space:nowrap; background-color:#fff; line-height:15px; padding:4px 9px 0 8px; text-decoration:none; height:15px; display:inline-block; text-align:center; overflow:hidden; color:#666; border:1px solid #dfdfdf; border-right-color:#b0b1b5; border-bottom-color:#b0b1b5;}/* background:url('/img/imfs/main/bg_btn.gif') repeat-x left bottom #fff; */ a.btn:hover {border:1px solid #aaa; border-right-color:#777; border-bottom-color:#777; color:#333;} a.btn.mw {min-width:43px;}/* 20170913_장바구니버튼_추가 */ a.btnReorder {border-radius:1px; margin:0 3px; overflow:hidden; vertical-align:middle; font-size:11px; white-space:nowrap; background:url('/img/imfs/main/bg_btn_off.png') repeat-x left bottom #fff; line-height:15px; padding:4px 20px 0 20px; text-decoration:none; height:15px; display:inline-block; text-align:center; overflow:hidden; color:#fff;} a.btnReorder:hover {color:#fff; background:url('/img/imfs/main/bg_btn_on.png') repeat-x left bottom #fff;} span.IpointHelp {display:inline-block; overflow:hidden; width:12px; font-size:0; height:12px; text-indent:-9999px; margin-top:-1px; vertical-align:middle; background:url('/img/imfs/main/ico_help.gif') no-repeat;} div #IpointHelpDiv {display:none; width:260px; font-size:11px; color:#666; line-height:15px; padding:7px 7px 5px 7px; border:1px solid #333; overflow:hidden; position:absolute; z-index:1000; background-color:#fff; left:134px; margin-top:-5px;} @supports (-webkit-appearance:none) { #product_box .product_img .btn a {padding:1px 9px 0 8px; height:18px;} a.btn {padding:2px 9px 0 8px; height:17px;} } @supports (-moz-appearance:none) { #product_box .product_img .btn a, a.btn {padding:1px 9px 0 8px; height:18px;} } a.btn.red {border-radius:0px; background-color:#f14949; color:#fff; font-weight:bold; border:1px solid #f14949; border-right-color:#d92d2d; border-bottom-color:#d92d2d;} a.btn.red:hover {background-color:#d71e1e; color:#fff; border:1px solid #d71e1e; border-right-color:#c40808; border-bottom-color:#c40808;} a.btn.white {border-radius:0px; color:#f14949; background-color:#fff; font-weight:bold; border:1px solid #d71e1e; border-right-color:#961515; border-bottom-color:#961515;} a.btn.white:hover {background-color:#f14949; color:#fff; border:1px solid #f14949; border-right-color:#ec4343; border-bottom-color:#ec4343;} a.btn.big {border-radius:0px; height:33px; width:148px; padding:0; background-image:none; line-height:33px; font-weight:bold; font-size:15px;} a.btn.big_a {height:33px; padding:0 20px; background-image:none; line-height:33px; font-weight:bold; font-size:15px;} a.btn.big_b {height:33px; padding:0 30px; background-image:none; line-height:33px; font-weight:bold; font-size:15px;} a.btn.big:hover {border:1px solid #626161; background-color:#777; color:#fff;} a.btn.big.red:hover {background-color:#d71e1e; border:1px solid #d71e1e; border-right-color:#c40808; border-bottom-color:#c40808;} a.btn.arrow span {background:url('/img/imfs/main/arrow_red.gif') no-repeat right 2px; display:inline-block; padding-right:9px;} a.btn.md {border-radius:0px; font-weight:normal; border:1px solid #ccc; border-right-color:#8f8f8f; border-bottom-color:#8f8f8f; background:none;} a.btn.md:hover {border:1px solid #626161; background-color:#777; color:#fff;} a.btn.md2 {border-radius:0px; font-weight:normal; border:1px solid #626161; border-right-color:#8f8f8f; border-bottom-color:#8f8f8f; background-color:#777; color:#fff;} a.btn.md.red {background-color:#f14949; border:1px solid #f14949; border-right-color:#d92d2d; border-bottom-color:#d92d2d;} a.btn.md.red:hover {background-color:#d71e1e; border:1px solid #d71e1e; border-right-color:#c40808; border-bottom-color:#c40808;} a.btn.md.white {color:#f14949; background-color:#fff; font-weight:bold; border:1px solid #d71e1e; border-right-color:#961515; border-bottom-color:#961515;} a.btn.md.white:hover {background-color:#f14949; color:#fff; border:1px solid #f14949; border-right-color:#ec4343; border-bottom-color:#ec4343;} a.btn.sp {border-radius:0px; font-weight:normal; font-size:12px; padding:1px 20px 0 22px; font-weight:bold; height:22px; border:1px solid #ccc; border-right-color:#8f8f8f; border-bottom-color:#8f8f8f; line-height:23px; background:none;} a.btn.sp:hover {border:1px solid #626161; background-color:#777; color:#fff;} a.btn.sp.red {background-color:#f14949; border:1px solid #f14949; border-right-color:#d92d2d; border-bottom-color:#d92d2d;} a.btn.sp.red:hover {background-color:#d71e1e; border:1px solid #d71e1e; border-right-color:#c40808; border-bottom-color:#c40808;} a.btn.sp.white {color:#f14949; background-color:#fff; font-weight:bold; border:1px solid #d71e1e; border-right-color:#961515; border-bottom-color:#961515;} a.btn.sp.white:hover {background-color:#f14949; color:#fff; border:1px solid #f14949; border-right-color:#ec4343; border-bottom-color:#ec4343;} a.btn.sm {border-radius:0px; font-weight:normal; font-size:12px; padding:1px 10px 0 10px; font-weight:bold; height:22px; border:1px solid #ccc; border-right-color:#8f8f8f; border-bottom-color:#8f8f8f; line-height:23px; background:none;} a.btn.sm:hover {border:1px solid #626161; background-color:#777; color:#fff;} a.btn.sm.red {background-color:#f14949; border:1px solid #f14949; border-right-color:#d92d2d; border-bottom-color:#d92d2d;} a.btn.sm.red:hover {background-color:#d71e1e; border:1px solid #d71e1e; border-right-color:#c40808; border-bottom-color:#c40808;} a.btn.sm.white {color:#f14949; background-color:#fff; font-weight:bold; border:1px solid #d71e1e; border-right-color:#961515; border-bottom-color:#961515;} a.btn.sm.white:hover {background-color:#f14949; color:#fff; border:1px solid #f14949; border-right-color:#ec4343; border-bottom-color:#ec4343;} a.btn.txt4 {width:68px; padding:1px 0 0 0;} a.btn.txt5 {width:88px; padding:1px 0 0 0;} a.btn.txt6 {width:110px; padding:1px 0 0 0;} a.btn.txt8 {width:138px; padding:1px 0 0 0;} a.btn_under {color:#333; font-size:11px; text-decoration:underline; display:inline-block; padding-right:7px; background:url('/img/imfs/main/arrow_login.gif') no-repeat right 4px;} a.btn.blue {border-radius:0px; background-color:#1968b3; color:#fff; font-weight:bold; border:1px solid #1968b3; border-right-color:#134e86; border-bottom-color:#134e86;} a.btn.blue:hover {background-color:#024e96; color:#fff; border:1px solid #024e96; border-right-color:#013669; border-bottom-color:#013669;} button.btn_b {width:74px; height:56px; line-height:56px; text-align:center; background-color:#f14949; border:1px solid #f14949; color:#fff; font-weight:bold; border-right-color:#d92d2d; border-bottom-color:#d92d2d; font-size:14px;} button.btn_b:hover {background-color:#d71e1e; border:1px solid #d71e1e; border-right-color:#c40808; border-bottom-color:#c40808;} .calculators {width:88px; display:block;} .calculators:after {display:block; content:""; clear:both;} .calculators li {float:left; margin-right:3px;} .calculators li.remove {width:17px; cursor:pointer; height:17px; overflow:hidden; text-indent:-9999px; font-size:0; background:url('/img/imfs/main/btn_calculators.gif') no-repeat 0 0;} .calculators li.remove:hover {background-position:-17px 0;} .calculators li.add {width:17px; cursor:pointer; height:17px; overflow:hidden; text-indent:-9999px; font-size:0; background:url('/img/imfs/main/btn_calculators.gif') no-repeat 0 -17px;} .calculators li.add:hover {background-position:-17px -17px;} .calculators li input {width:38px; padding-right:3px; border:1px solid #e4e4e4; padding-top:2px; height:13px; line-height:15px; text-align:right; font-weight:bold; color:#666;} .Fpoint {color:#17a9ef;} .Fprice {color:#f14949;} #mask {display:none;} #help {display:none; width:335px; font-size:11px; color:#666; line-height:15px; padding:7px 7px 5px 7px; border:1px solid #333; overflow:hidden; position:absolute; z-index:1000; background-color:#fff;} /* 2017-11-22_상품상세개편2차 (width 210에서 335로 변경) */ #help b {color:#333;} #help {border:1px solid #333;} #help_ly {display:none; position:absolute;} #help_middle {display:none; width:313px; font-size:11px; color:#666; line-height:15px; padding:7px 7px 5px 7px; border:1px solid #333; overflow:hidden; position:absolute; z-index:1000; background-color:#fff;} #help_middle b {color:#333;} #help_middle {border:1px solid #333;} #help_middle_ly {display:none; position:absolute;} #layer {display:none; padding:10px; color:#999; border:1px solid #333; overflow:hidden; position:absolute; z-index:1000; background-color:#fff;} #layer b {color:#333; font-weight:normal;} #layer {border:1px solid #333;} #mask {width:100%; z-index:99; height:100%; position:fixed; left:0; top:0;} #pop {z-index:900; padding-bottom:25px; overflow:hidden; position:fixed; display:none; top:50%; left:50%; background-color:#fff; text-align:center; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); border:1px solid #333; border-top:2px solid #333;} #pop.pop {border-top:1px solid #333;} #pop h7 {padding:0; width:100%; height:40px; background-color:#9c9c9c; margin-top:-1px;} #pop h7 b {width:100%; display:block; overflow:hidden; text-indent:-9999px; font-size:0; height:40px; background:url('/img/imfs/main/title_pop.png') no-repeat;} #pop h7.mem b {background-position:0 0;} #pop h7.out b {background-position:0 -40px;} #pop h7 span.cancel {cursor:pointer; background:url('/img/imfs/main/btn_close_white.gif') no-repeat; width:21px; height:21px; display:block; position:absolute; right:10px; top:10px;} #pop .txt {font-size:11px; padding-top:38px;} #pop .txt_questions {color:#333; padding-top:40px;} #pop .txt_questions.space {padding-top:8px;} #pop .txt_point {color:#d9201e; padding:10px 0 5px 0;} #pop .width, #pop .height {display:none;} #pop .btn_wrap {clear:both; margin-top:15px;} #pop .btn_wrap.space {margin-top:40px;} #pop .btn_line {clear:both; clear:both; padding-top:15px; border-top:1px solid #e4e4e4; width:318px; margin:20px auto 0 auto;} #pop h6 {padding:25px 0 15px 0; text-align:center;} #pop .popT {width:280px; margin:0 auto; border-top:1px solid #333; clear:both;} #pop .popT th {background-color:#f7f7f7; width:80px; border-bottom:1px solid #e4e4e4; padding:9px 0; text-align:center;} #pop .popT td {border-bottom:1px solid #e4e4e4; padding:9px 0 9px 10px; text-align:left;} #pop .popT tr:last-child th, #pop .popT tr:last-child td {border-bottom:1px solid #ccc;} #pop .popT.big {width:410px;} #pop p.dot {background:url('/img/imfs/main/dot.gif') no-repeat 18px 19px; padding:15px 20px 0 25px; font-size:11px; text-align:left;} #pop a.btn {border-radius:0px; font-weight:normal; font-size:12px; padding:1px 20px 0 22px; height:22px; border:1px solid #ccc; border-right-color:#8f8f8f; border-bottom-color:#8f8f8f; line-height:23px; background:none;} #pop a.btn:hover {border:1px solid #626161; background-color:#777; color:#fff;} #pop a.btn.red {background-color:#f14949; border:1px solid #f14949; border-right-color:#d92d2d; border-bottom-color:#d92d2d;} #pop a.btn.red:hover {background-color:#d71e1e; border:1px solid #d71e1e; border-right-color:#c40808; border-bottom-color:#c40808;} #layclose {height:15px; line-height:17px; background-color:#fff; position:relative; padding-top:2px;} #layclose span.close {cursor:pointer; background:url('/img/imfs/main/btn_close_s.gif') no-repeat; display:block; width:21px; height:21px; overflow:hidden; position:absolute; right:3px; top:10px;} #guide {position:absolute; background-color:#f8f5ef; border:1px solid #dbd3c3; width:145px; padding:3px; overflow:auto; top:0; letter-spacing:-1px; z-index:1000; left:0; line-height:15px;} #guide li {width:100%; white-space:nowrap; font-size:11px; letter-spacing:-1px;} #guide li.tit {color:#333; font-weight:bold; cursor:default;} #guide li.red {color:#d4382e;} #guide li.blue {color:#1968b3;} #guide li a {color:#999;} #guide li a:hover {color:#000;} #guide .close {background:url('/img/imfs/main/btn_close.gif') no-repeat; width:21px; height:21px; display:block; position:absolute; right:10px; top:10px;} .imarketGlobalHeader {position:relative; border-bottom:3px solid #db473b;} #inpkTop {width:100%; height:69px; display:none; background-color:#f1f1f1;} #inpkTop #inpkBgImg {width:961px; height:69px; position:relative; margin:0 auto;} #inpkTop #inpkBanner {width:961px; height:69px; background:url('/img/imfs/main/inpk_text_btn_961.jpg') repeat center;} #smartBillTop1 {width:100%; height:69px; display:none; background-color:#e3ecf3;} #smartBillTop1 #inpkBgImg {width:961px; height:69px; position:relative; margin:0 auto;} #smartBillTop1 #inpkBanner {width:961px; height:69px; background:url('/img/imfs/main/smartBill_text_btn.jpg') repeat center;} #smartBillTop2 {width:100%; height:69px; display:none; background-color:#e3ecf3;} #smartBillTop2 #inpkBgImg {width:961px; height:69px; position:relative; margin:0 auto;} #smartBillTop2 #inpkBanner {width:961px; height:69px; background:url('/img/imfs/main/smartBill_text_btn.jpg') repeat center;} #koitaTop {width:100%; height:69px; display:none; background-color:#e3ecf3;} #koitaTop #inpkBgImg {width:961px; height:69px; position:relative; margin:0 auto;} #koitaTop #inpkBanner {width:961px; height:69px; background:url('/img/imfs/main/koita_text_btn.jpg') repeat center;} #firLandingTop1 {width:100%; height:69px; display:none; background-color:#e3ecf3;} #firLandingTop1 #inpkBgImg {width:961px; height:69px; position:relative; margin:0 auto;} #firLandingTop1 #inpkBanner {width:961px; height:69px; background:url('/img/imfs/main/landing_text_btn1.jpg') repeat center;} #firLandingTop2 {width:100%; height:69px; display:none; background-color:#D1DCEE;} #firLandingTop2 #inpkBgImg {width:961px; height:69px; position:relative; margin:0 auto;} #firLandingTop2 #inpkBanner {width:961px; height:69px; background:url('/img/imfs/main/landing_text_btn2.jpg') repeat center;} #firLandingTop2 #inpkBanner2 {width:961px; height:69px; background:url('/img/imfs/main/landing_text_btn3.jpg') repeat center;} #firLandingTop3 {width:100%; height:69px; display:none; background-color:#D1DCEE;} #firLandingTop3 #inpkBgImg {width:961px; height:69px; position:relative; margin:0 auto;} #firLandingTop3 #inpkBanner3 {width:961px; height:69px;} #firLandingTop4 {width:100%; min-width:1080px; height:69px; display:none; background-color:#e3ecf3;} #firLandingTop4 #inpkBgImg {width:1080px; height:69px; position:relative; margin:0 auto;} #firLandingTop4 #inpkBanner {width:1080px; height:69px; background:url('/img/imfs/banner/20180214_priceEvent_Banner.jpg?20180214') repeat center;} #firLandingTop5 {width:100%; min-width:1080px; height:69px; display:none; background-color:#D1DCEE;}/* 20171024_수정 */ #firLandingTop5 #inpkBgImg {width:1080px; height:69px; position:relative; margin:0 auto;} #firLandingTop5 #inpkBanner3 {width:1080px; height:69px;} #global {border-top:1px solid #efefef; font-size:12px; border-bottom:1px solid #cfcfcf; height:27px; z-index:6; position:relative;font-family: "Noto Sans KR";font-weight:400;} #global .wrap {position:absolute; left:50%; width:1200px; margin-left:-600px; height:26px; border-bottom:1px solid #fff;} /* width:961px; */ #global ul.group {float:left; width:400px;} #global ul.info {position:absolute; right:0; top:0;} #global ul {padding-top:2px;} #global ul li {float:left; position:relative; cursor:pointer; line-height:21px; background:url('/img/imfs/main/ico_bar.gif') no-repeat 0 6px;font-size:12px;} #global ul.info li {float:left; position:relative; cursor:pointer; line-height:21px; padding:0 7px 0 7px; background:url('/img/imfs/main/ico_bar.gif') no-repeat 0 6px;color:#777!important;letter-spacing:-1px;} #global ul li img {top:-3px; position:relative;} #global ul li.login {background:none; padding:0 7px 0 0;} #global ul li.name {cursor:default; background:none; padding:0 7px 0 0;} #global ul li span.on {display:inline-block; vertical-align:middle; margin-top:-1px; margin-left:1px; background:url('/img/imfs/main/ico_on.gif') no-repeat; width:14px; height:7px;} #global ul li b {display:inline-block; vertical-align:middle; margin-top:-1px; background:url('/img/imfs/main/select_layer.gif') no-repeat; width:11px; height:10px;} #global ul li b.on {background-position:0 -10px;} #global ul li.mypage div {display:none; border:1px solid #444; background-color:#fff; width:90px; padding:5px 0; letter-spacing:-1px; position:absolute; top:20px; left:-5px;} #global ul li.mypage div span {display:block; line-height:17px; padding:0 7px 0 11px;} #global ul li.mypage div span a {color:#333;} #global ul li.mypage:hover > div#mem_menu {display:block;} #global .ly_login {position:absolute; width:435px; cursor:default; padding:20px; line-height:16px; left:583px; top:27px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2); background-color:#fff; border:1px solid #333;} #global .ly_login .tit {border-bottom:1px solid #eee; font-weight:bold; padding:0 0 5px 0;} #global .ly_login .btn_wrap {padding-top:15px; margin-top:10px; border-top:1px solid #eee;} #global .ly_login strong {color:#d4382e;} #global .ly_login p {padding:5px 0; position:relative;} #global .ly_login p a.btn {position:absolute; bottom:3px; right:3px;} #global .ly_login a.btn {font-size:12px; margin-left:0; margin-right:5px;} #global .ly_login .close {position:absolute; cursor:pointer; z-index:3; right:14px; top:14px; background:url('/img/imfs/main/btn_close.gif') no-repeat; width:21px; height:21px; display:block; text-indent:-9999px; overflow:hidden;} #global .ly_mem {position:absolute; width:490px; height:535px; line-height:16px; left:472px; top:27px; background:url('/img/imfs/main/bg_ly_mem.png') no-repeat;} #global .ly_mem .close {position:absolute; cursor:pointer; z-index:3; right:10px; top:10px; background:url('/img/imfs/main/btn_close.gif') no-repeat; width:21px; height:21px; display:block; text-indent:-9999px; overflow:hidden;} #global .ly_mem a.btn1 {display:block; position:absolute; overflow:hidden; text-indent:-9999px; left:38px; bottom:38px; width:231px; height:45px; background:url('/img/imfs/main/btn_ly_mem_2.gif') no-repeat 0 0;} #global .ly_mem a.btn1:hover {background-position:0 -45px;} #global .ly_mem a.btn2 {display:block; position:absolute; overflow:hidden; text-indent:-9999px; left:285px; bottom:38px; width:171px; height:45px; background:url('/img/imfs/main/btn_ly_mem_2.gif') no-repeat -231px 0;} #global .ly_mem a.btn2:hover {background-position:-231px -45px;} #header {position:relative; width:100%; clear:both;} #header .wrap {position:relative; height:135px;} #header .wrap .gnbTopLayer {position:relative; width:1200px; height:92px; margin:0 auto;}/* width:961px; */ /* 2017-11-07_상품상세개편 */ #header .wrap .gnbTopLayer .gnbCart {position:absolute; top:32px; right:0; height:27px; width:250px; text-align:right;} #header .wrap .gnbTopLayer .gnbCart > a {display:inline-block; vertical-align:top;} #header .wrap .gnbTopLayer .gnbCart span {display:inline-block; position:relative; height:16px; font-size:15px; color:#333; font-family: "Noto Sans KR";font-weight:400;line-height:20px; vertical-align:top;} #header .wrap .gnbTopLayer .gnbCart .cartTextWrap {margin-top:6px;} #header .wrap .gnbTopLayer .gnbCart .cartNum, #header .wrap .gnbTopLayer .gnbCart .cartAmt {color:#f14949;font-weight:500;} #header .wrap .gnbTopLayer .gnbCart .cartImg {width:37px; height:27px; background:url('/img/imfs/main/gnbCartLogo.png') no-repeat left top;} #header .wrap .gnbTopLayer .gnbCart .cartBlock {position:relative; width:10px; margin:0 5px;} #header .wrap .gnbTopLayer .gnbCart .cartBlock:after {content:""; position:absolute; top:3px; left:4px; width:1px; height:13px; background-color:#ccc;} #header .wrap .gnbBottomLayer_wrap {width:100%; border-top:1px solid #e4e4e4;} #header .wrap .gnbBottomLayer {position:relative; width:1200px; height:42px; margin:0 auto;} /* 2017-11-07_상품상세개편 */ #header .wrap .gnbBottomLayer:after {display:block; content:""; clear:both;} #header .wrap .gnbBottomLayer .newGnb {position:relative; float:left; width:182px; height:44px; text-align:center;}/* width:961px; width:1080px; height:40px; */ #header .wrap .gnbBottomLayer .newGnb a.categorySearchView {display:block; position:absolute; top:0; left:0; width:180px; height:42px; margin-top:-1px; border:1px solid #e4e4e4; border-bottom:0; text-decoration:none; background-color:#fff; /*z-index:200;*/ cursor:default;} #header .wrap .gnbBottomLayer .newGnb a.categorySearchView span {display:inline-block; position:relative; padding:13px 30px 13px 28px; font-family:'NanumGothic-Bold'; font-weight:bold; font-size:15px; color:#333743;} #header .wrap .gnbBottomLayer .newGnb a.categorySearchView span:before {content:""; position:absolute; top:50%; left:0; width:15px; height:12px; margin-top:-6px; background:url('/img/imfs/main/sp_re_icon.png') no-repeat 0 -53px;} #header .wrap .gnbBottomLayer .newGnb a.categorySearchView span:after {content:""; position:absolute; top:50%; right:0; width:14px; height:7px; margin-top:-4px; background:url('/img/imfs/main/sp_re_icon.png') no-repeat -21px 0;} #header .wrap .gnbBottomLayer .newGnb a.categorySearchView.on {border:1px solid #333;} #header .wrap .gnbBottomLayer .newGnb a.categorySearchView.on:before {content:""; position:absolute; bottom:-1px; right:0; left:0; width:100%; height:1px; background-color:#fff;} #header .wrap .gnbBottomLayer .newGnb a.categorySearchView.on:after {content:""; position:absolute; top:0; right:0; left:0; width:100%; border-top:1px solid #333;} #header .wrap .gnbBottomLayer .newGnb a.categorySearchView.on span:after {background-position:-45px 0;} #header .wrap .gnbBottomLayer .newGnb .monthEventView {background:url('/img/imfs/main/gnb_monthEvent_view_off_n.gif') no-repeat; width:148px; height:41px; float:left; cursor:pointer;} #header .wrap .gnbBottomLayer .newGnb .monthEventView.on {background:url('/img/imfs/main/gnb_monthEvent_view_on_n.gif') no-repeat;} #header .wrap .gnbBottomLayer .evidence {background:url('/img/imfs/main/gnb_evidence_view_off.gif') no-repeat; width:112px; height:40px; float:right; cursor:pointer;} #header .wrap .gnbBottomLayer .evidence.on {background:url('/img/imfs/main/gnb_evidence_view_on.gif') no-repeat;} #header .wrap .gnbBottomLayer .buy {background:url('/img/imfs/main/gnb_buyfast_view_off.gif') no-repeat; width:112px; height:40px; float:right; cursor:pointer;} #header .wrap .gnbBottomLayer .buy.on {background:url('/img/imfs/main/gnb_buyfast_view_on.gif') no-repeat;} #header .wrap .gnbBottomLayer .callservice {background:url('/img/imfs/main/gnb_callservice_off.gif') no-repeat; width:118px; height:40px; float:right; cursor:pointer;} #header .wrap .gnbBottomLayer .callservice.on {background:url('/img/imfs/main/gnb_callservice_on.gif') no-repeat;} /* Header Category List */ #header div.gnbCategoryList {display:none; position:absolute; top:42px; left:0; width:180px; height:339px; border:1px solid #333; border-top:0;background-color:#fff; z-index:100;font-family: "Noto Sans KR";font-weight:400;font-size:13px;} #header div.gnbCategoryList.on {} /* border-right:0; background:#fff url('/img/imfs/main/icon_dotted01.png') repeat-y top right; */ #header div.gnbCategoryList ul.subMenu1Depth {} #header div.gnbCategoryList div {height:100%;} #header div.gnbCategoryList li.categoryMenu1Depth {width:100%; height:24px; line-height:21px;} #header div.gnbCategoryList li.categoryMenu2Depth, #header div.gnbCategoryList li.categoryMenu3Depth, #header div.gnbCategoryList li.categoryMenu4Depth {height:24px; line-height:21px;} #header div.gnbCategoryList ul.subMenu2Depth {overflow:hidden; width:180px; height:303px;}/* 20171025_수정 */ #header div.gnbCategoryList ul.subMenu3Depth {overflow:hidden; width:180px; height:303px;}/* 20171025_수정 */ #header div.gnbCategoryList ul.subMenu4Depth {overflow:hidden; width:179px; height:303px;}/* 20171025_수정 */ #header div.gnbCategoryList div.subDivMenu2Depth {display:none; position:absolute; top:-1px; left:180px; width:179px; background:url('/img/imfs/main/icon_dotted01.png') repeat-y top left #fff; border-bottom:1px solid #333; border-top:1px solid #333; border-right:1px solid #333;} #header div.gnbCategoryList div.subDivMenu3Depth, #header div.gnbCategoryList div.subDivMenu4Depth {display:none; position:absolute; left:179px; top:-1px; width:179px; background:url('/img/imfs/main/icon_dotted01.png') repeat-y top left #fff; border-bottom:1px solid #333; border-top:1px solid #333; border-right:1px solid #333;} #header div.gnbCategoryList div.subDivMenu4Depth {border-right:1px solid #333;} #header div.gnbCategoryList div.subDivMenu2Depth div.subDivScrollStart, #header div.gnbCategoryList div.subDivMenu2Depth div.subDivScrollEnd, #header div.gnbCategoryList div.subDivMenu3Depth div.subDivScrollStart, #header div.gnbCategoryList div.subDivMenu3Depth div.subDivScrollEnd {height:18px; width:178px; margin-left:1px; cursor:pointer;}/* 20171025_수정 */ #header div.gnbCategoryList div.subDivMenu3Depth div.subDivScrollStart {background:url('/img/imfs/main/icon_arr_up01.png') no-repeat center 9px;}/* background:url('/img/imfs/main/categoryScroll_down.gif'); */ #header div.gnbCategoryList div.subDivMenu3Depth div.subDivScrollEnd {background:url('/img/imfs/main/icon_arr_down01.png') no-repeat center 4px;}/* background:url('/img/imfs/main/categoryScroll_down.gif'); */ #header div.gnbCategoryList div.subDivMenu3Depth div.subDivScrollStart:focus, #header div.gnbCategoryList div.subDivMenu3Depth div.subDivScrollStart:hover, #header div.gnbCategoryList div.subDivMenu3Depth div.subDivScrollStart:active, #header div.gnbCategoryList div.subDivMenu3Depth div.subDivScrollEnd:focus, #header div.gnbCategoryList div.subDivMenu3Depth div.subDivScrollEnd:hover, #header div.gnbCategoryList div.subDivMenu3Depth div.subDivScrollEnd:active {background-color:#eff0f4;} #header div.gnbCategoryList li.categoryMenu1Depth > p {padding-left:18px; padding-top:1px;} /* border-right:1px dashed #e1e1e1; */ #header div.gnbCategoryList p {position:relative;} #header .categoryMenu1Depth:hover > p:after {content:""; position:absolute; top:0; right:-1px; width:1px; height:22px; background-color:#fff; z-index:200;} #header div.gnbCategoryList li.categoryMenu2Depth:hover > p:after, #header div.gnbCategoryList li.categoryMenu3Depth:hover > p:after {content:""; position:absolute; top:0; right:0; width:1px; height:22px; background-color:#fff; z-index:200;} #header div.gnbCategoryList p:focus:after, #header div.gnbCategoryList p:hover:after, #header div.gnbCategoryList p:active:after {content:""; position:absolute; top:0; right:-1px; width:1px; height:22px; background-color:#fff; z-index:200;} #header div.gnbCategoryList li:hover > p a{color:#333;font-weight:500;} #header div.gnbCategoryList li.categoryMenu2Depth > p, #header div.gnbCategoryList li.categoryMenu3Depth > p {overflow:hidden; padding-left:10px; margin-left:10px; text-overflow:ellipsis; white-space:nowrap; padding-top:1px;} #header div.gnbCategoryList li.categoryMenu4Depth > p {overflow:hidden; padding:2px 0 1px 20px; text-overflow:ellipsis; white-space:nowrap;} #header div.gnbCategoryList li.categoryMenu2Depth > p, #header div.gnbCategoryList li.categoryMenu3Depth > p {width:158px;}/* 20171025_수정 */ #header div.gnbCategoryList li.categoryMenu4Depth > p {width:158px; margin-left:1px;} #header div.gnbCategoryList li.categoryMenu1Depth:hover > p {font-weight:bold; color:#333; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} #header div.gnbCategoryList li.categoryMenu2Depth:hover > p, #header div.gnbCategoryList li.categoryMenu3Depth:hover > p {font-weight:bold; color:#333; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px dashed #fff; background-color:#fff; z-index:1;}/* 20171025_수정 */ #header div.gnbCategoryList li.categoryMenu4Depth:hover > p {font-weight:bold; color:#333; background-color:#f4f4f4;} #header div.gnbCategoryList li.categoryMenu1Depth:hover > div.subDivMenu2Depth {display:block;} #header div.gnbCategoryList li.categoryMenu2Depth:hover > div.subDivMenu3Depth {display:block;} #header div.gnbCategoryList li.categoryMenu3Depth:hover > div.subDivMenu4Depth {display:block;} #header div.evidenCon {display:none; background:url('/img/imfs/main/bg_evidence.gif') no-repeat; width:173px; height:107px; position:absolute; z-index:6; top:-3px; left:732px;} #header div.evidenCon div.evidenNoti {width:141px; margin:10px 0px 0px 16px; color:#959595; text-align:left; font-size:11px; padding-bottom:1px;} #header div.evidenCon div.evidenLink {width:141px; margin:10px 0px 10px 16px; background:url('/img/imfs/main/ico_rightS.gif') no-repeat 124px 5px;} #header div.evidenCon div.evidenLink:hover > span {font-weight:bold; color:#333;} #header div.callCon {display:none; background:url('/img/imfs/main/bg_callservice.gif') no-repeat; width:385px; height:273px; position:absolute; z-index:6; top:-3px; left:576px;} #header .h1_doctor {display:none;} #header .h1_venture {display:none;} #header .h1_spmall {display:none;} #header h1.default_h1 {position:absolute; top:21px; left:17px;} #header h1.default_h1 a {display:block; overflow:hidden; width:169px; height:51px; font-size:0; line-height:0; text-indent:-9999px;} #header h1.tit_h1 {position:absolute; top:21px; left:17px;} #header h1.tit_h1 a {display:block; overflow:hidden; width:171px; height:51px; font-size:0; line-height:0; text-indent:-9999px; background:url('/img/imfs/main/imarket_logo.png') no-repeat left top;} #header .search_wrap {position:absolute; top:29px; left:360px; width:386px;}/* z-index:10; */ /* 2017-11-07_상품상세개편 */ #header #search {position:relative; width:100%; height:36px; border:3px solid #d4382e;} #header #search button {position:absolute; top:0; right:0; width:43px; height:36px; ;} #header #search button:after {content:""; position:absolute; top:0; left:0; width:43px; height:36px; background:url('/img/imfs/main/sp_re_icon.png') no-repeat 0 -85px;} #header #search span.category {display:block; font-size:11px; cursor:pointer; letter-spacing:-1px; color:#949494; width:109px; line-height:14px; height:10px; position:absolute; z-index:3; left:7px; top:9px; background:url('/img/imfs/main/select_search.gif') no-repeat right top;} #header #search span.category.on {background-position:right -10px;} #header #search input.search {overflow:hidden; width:321px; height:32px; padding:1px 10px; border:1px solid #fff; font-size:15px; color:#333; line-height:23px;font-family: "Noto Sans KR";font-weight:500;} #header #search .state {display:block; position:absolute; right:58px; top:10px; background:url('/img/imfs/main/arrow_state.gif') no-repeat -17px -17px; width:17px; height:17px;} #header #search .state.on {background:url('/img/imfs/main/arrow_state.gif') no-repeat 0 -17px;} #header #search.off .state {background-position:-17px 0;} #header #search .auto {display:none; position:absolute; left:-3px; width:390px; /* 2017-10-23_검색화면개선요청 (height) */ height:385px; top:39px; border:1px solid #777; border-top:0; background-color:#fff; z-index:9999;}/* z-index 수정 */ #header #search .auto ul {margin-top:10px;} /* 2017-10-23_검색화면개선요청 */ #header #search .auto ul li {position:relative; padding:0 12px; line-height:23px; height:23px; cursor:pointer; color:#000;font-family: "Noto Sans KR";font-weight:400;font-size:13px; } /* 2017-10-23_검색화면개선요청 */ #header #search .auto ul li.on {width:137px; color:#333; background:url('/img/imfs/main/arrow_search.gif') no-repeat right 8px #eee; cursor:pointer;} /* 2017-10-23_검색화면개선요청 */ #header #search .auto ul li span {white-space:nowrap; width:110px; overflow:hidden; display:inline-block; text-overflow:ellipsis;} #header #search .auto ul li b {color:#d4382e;font-weight:400;} #header #search .auto .list {width:229px; position:absolute; top:10px; right:0; height:288px; border-left:1px solid #e4e4e4;} /* 2017-10-23_검색화면개선요청 */ #header #search .auto .rela_md {height:342px;} /* 2017-10-23_검색화면개선요청 */ #header #search .auto .list dl {/* height:86px; */ height:70px; width:100%; clear:both;} /* 2017-10-23_검색화면개선요청 */ #header #search .auto .list dl dt {width:93px; /* height:86px; */ height:70px; float:left;} /* 2017-10-23_검색화면개선요청 */ #header #search .auto .list dl dt img {width:68px; height:68px; border:1px solid #e4e4e4; margin-left:14px;} #header #search .auto .list dl dd {width:112px; /* height:86px; */ height:80px; float:left;font-family: "Noto Sans KR";font-weight:400;} /* 2017-10-23_검색화면개선요청 */ #header #search .auto .list dl dd h3 {font-family: "Noto Sans KR";font-weight:500; color:#333; padding:0; margin-top:4px; clear:both; line-height:16px; height:16px; overflow:hidden; white-space:nowrap; width:100%; text-overflow:ellipsis; overflow:hidden;} #header #search .auto .list dl dd .info {color:#949494; width:100%; line-height:16px; height:32px; margin-top:1px; overflow:hidden; text-overflow:ellipsis;} #header #search .auto .list dl dd .price {color:#d4382e; padding-top:1px;} #header #search .auto .list dl dd .price b{font-weight:500;} #header #search .auto .list .no {text-align:center; padding-top:120px; width:100%;} #header #search .auto .list dl:hover dt img {border:1px solid #999;} #header #search .auto .list ol {clear:both; width:100%; overflow:hidden; text-align:center; *width:100px; *padding-left:40px; *margin:0 auto;} #header #search .auto .list ol li {display:inline-block; *display:block; *float:left; cursor:pointer; line-height:16px; padding:4px 1px 0 1px; text-align:center; overflow:hidden; width:19px; height:16px; font-weight:bold; margin-right:3px;} #header #search .auto .list ol li a {color:#999; display:inline-block;} #header #search .auto .list ol li.on {border:1px solid #e4e4e4; color:#d4382e;} #header #search .auto .list ol li.on a {color:#333;} #header #search .auto .list ol li a:hover {color:#333;} #header #search .auto .list ol li.prev {margin-top:1px; background:url('/img/imfs/main/btn_page.gif') no-repeat left -15px;} /* 2018-04-25 수정 */ #header #search .auto .list ol li.prev:hover {background-position:-17px -15px;} #header #search .auto .list ol li.next {margin-top:1px; background:url('/img/imfs/main/btn_page.gif') no-repeat left 2px;} /* 2018-04-25 수정 */ #header #search .auto .list ol li.next:hover {background-position:-17px 2px;} #header #search .auto .btn {height:30px; line-height:30px;font-size:13px; width:100%; text-align:right; background-color:#f3f3f3; color:#666; position:absolute; right:0; bottom:0;font-family: "Noto Sans KR";font-weight:300;} /* 2018-04-25 높이,폰트수정 */ #header #search .auto .btn span:hover {text-decoration:underline; cursor:pointer;} #header #search .auto .btn span {margin:0 10px 0 0; display:inline-block;} #header #search .auto .btn span.close {background:url('/img/imfs/main/btn_close_search.gif') no-repeat right 12px; padding-right:10px;} #header .cookie_word {color:#333; background:url('/img/imfs/main/arrow_search.gif') no-repeat right 8px #eee; cursor:pointer;} /* 2017-10-23_검색화면개선요청 */ #header .cookie_word #search .auto .list {width:auto; height:auto; border-left:0;} /* 2017-10-23_검색화면개선요청 */ #header .cookie_word #search .auto ul li {padding:0;} /* 2017-10-23_검색화면개선요청 */ #header .cookie_word #search .auto2_box {width:114px; } /* 2017-10-23_검색화면개선요청 */ #header .cookie_word #search .auto2 {margin-top:0;}/* 2017-10-23_검색화면개선요청 */ #header .cookie_word #search .auto2 li {color:#666; text-align:center;font-family: "Noto Sans KR";font-weight:300;} /* 2017-10-23_검색화면개선요청 */ #header .cookie_word #search .auto .ac_results {/* width:276px; */} /* 2017-10-23_검색화면개선요청 */ #header .cookie_word #search .auto .ac_results ul li span {position:absolute; top:0; left:0; /* width:229px; width:280px; */padding:0 0px 0 12px; color:#000; } /* 2017-10-23_검색화면개선요청 */ #header .cookie_word #search .auto .ac_results ul li span.active {width:auto; min-width:216px; background: url('/img/imfs/main/arrow_search.gif') no-repeat right 8px #eee; } /* 2017-10-23_검색화면개선요청 */ #btnLoginClose {display:none; cursor:pointer; width:35px; height:35px; left:50%; top:50%; margin:-170px 0 0 180px; position:fixed; z-index:1001; background:transparent;} #nologin {z-index:100; display:none; width:450px; height:325px; margin:-164px 0 0 -225px; border:1px solid #333; position:fixed; top:50%; left:50%; background-color:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.3);} #nologin h2 {display:block; width:450px; height:54px; position:relative; background:url('/img/imfs/main/bg_telljoin.gif') no-repeat;} #nologin h2 b {display:none;} #nologin p {text-align:center;} #nologin p.tit {text-align:center; color:#666;} #nologin p.tit b {display:none;} #nologin p span.tita {color:#f14949;} #nologin p span.titb {font-weight:bold; color:#333;} #nologin label {font-weight:bold; color:#333;} #nologin a.clause {text-decoration:underline;} #nologin span.arrow {display:inline-block; width:7px; height:6px; position:relative; background:url('/img/imfs/main/layer_arrow.gif') no-repeat;} #nologin p.split {padding:12px 0; border-top:1px solid #e4e4e4; color:#959595;} #nologin .con {width:420px; margin:0 auto; text-align:center;} #nologin .put {width:276px; margin:20px auto 0 auto; position:relative;} #nologin .put button {font-size:14px; position:absolute; right:0; top:0; width:74px; height:56px; line-height:56px; text-align:center; background-color:#f14949; border:1px solid #f14949; color:#fff; font-weight:bold; border-right-color:#d92d2d; border-bottom-color:#d92d2d;} #nologin .put button:hover {background-color:#d71e1e; border:1px solid #d71e1e; border-right-color:#c40808; border-bottom-color:#c40808;} #nologin .put .input {line-height:23px; height:23px; width:181px; margin-bottom:5px; color:#333;} #nologin .put .hintText {color:#959595;} #nologin .put p.check {font-size:11px; padding:5px 0 10px 0;} #nologin .put p.check label {padding-right:20px;} #nologin .put p.check label input {vertical-align:-2px;} #nologin .put p.btn {padding:22px 0 15px 0;} #nologin .txt_guide1 {position:absolute; left:0; top:92px;} #nologin .put p.btn a {color:#333; text-decoration:underline; display:inline-block; margin-right:12px; padding-right:7px; background:url('/img/imfs/main/arrow_login.gif') no-repeat right 4px;} #nologin p.btexp {padding:12px 0; color:#959595; font-size:11px;} #nologin button.btn_b1 {width:110px; height:45px; line-height:18px; text-align:center; background-color:#f14949; border:1px solid #f14949; color:#fff; font-weight:bold; border-right-color:#d92d2d; border-bottom-color:#d92d2d; font-size:14px;} #nologin button.btn_b1:hover {background-color:#d71e1e; border:1px solid #d71e1e; border-right-color:#c40808; border-bottom-color:#c40808;} #nologin button.close {width:80px; height:45px; line-height:18px; text-align:center; background-color:#fff; border:1px solid #959595; color:#666; font-weight:bold; border-right-color:#000; border-bottom-color:#000; font-size:14px;} #nologin button.close:hover {background-color:#888; color:#fff; border:1px solid #888; border-bottom-color:#888; border-right-color:#888;} #nologin button.btn_b3 {width:68px; height:22px; text-align:center; background-color:#f14949; border:1px solid #f14949; color:#fff; font-weight:bold; border-right-color:#d92d2d; border-bottom-color:#d92d2d; font-size:12px;} #nologin button.btn_b3:hover {background-color:#d71e1e; border:1px solid #d71e1e; border-right-color:#c40808; border-bottom-color:#c40808;} #nologin button.btn_b4 {width:68px; height:22px; text-align:center; background-color:#fff; border:1px solid #959595; color:#666; font-weight:bold; border-right-color:#000; border-bottom-color:#000; font-size:12px;} #nologin button.btn_b4:hover {background-color:#888; color:#fff; border:1px solid #888; border-bottom-color:#888; border-right-color:#888;} #nologin p.txt_alert {font-size:11px; padding-top:5px; color:#f1484b; height:20px; text-align:left; padding-left:105px;} #nologin p.txt_ok {font-size:11px; padding-top:5px; color:#0d75b2; text-align:left; padding-left:105px;} #login {z-index:100; display:none; width:450px; height:362px; margin:-181px 0 0 -225px; border:1px solid #333; position:fixed; top:50%; left:50%; background-color:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.3);} #login h2 {display:block; width:450px; height:54px; position:relative; background:url('/img/imfs/main/bg_login.gif') no-repeat;} #login h2 b {display:none;} #login h2 .close {position:absolute; cursor:pointer; right:14px; top:14px; background:url('/img/imfs/main/btn_close_white.png') no-repeat; width:21px; height:21px; display:block; text-indent:-9999px; overflow:hidden;} #login p.tit {width:215px; clear:both; margin-bottom:8px; margin-top:36px; height:16px; background:url('/img/imfs/main/txt_login.gif') no-repeat;} #login p.tit b {display:none;} #login .con {width:390px; margin:0 auto;} #login .put {width:276px; margin:20px auto 0 auto; position:relative;} #login .put button {font-size:14px; position:absolute; right:0; top:0; width:74px; height:56px; line-height:56px; text-align:center; background-color:#f14949; border:1px solid #f14949; color:#fff; font-weight:bold; border-right-color:#d92d2d; border-bottom-color:#d92d2d;} #login .put button:hover {background-color:#d71e1e; border:1px solid #d71e1e; border-right-color:#c40808; border-bottom-color:#c40808;} #login .put .input {line-height:23px; height:23px; width:181px; margin-bottom:5px; color:#333;} #login .put .hintText {color:#959595;} #login .put p.check {font-size:11px; padding:5px 0 10px 0;} #login .put p.check label {padding-right:20px;} #login .put p.check label input {vertical-align:-2px;} #login .put p.btn {padding:22px 0 15px 0;} #login .txt_guide1 {position:absolute; left:0; top:92px;} #login .put p.btn a {color:#333; text-decoration:underline; display:inline-block; margin-right:12px; padding-right:7px; background:url('/img/imfs/main/arrow_login.gif') no-repeat right 4px;} #login p.join {padding:12px 0; border-top:1px solid #e4e4e4; color:#959595;} #login p.join span {display:inline-block; background:url('/img/imfs/main/dot_g.gif') no-repeat 3px 6px; padding-left:10px;} #login p.join a.btn {margin-left:10px; margin-top:-3px;} #login_wrap .put p.btn a {color:#333; text-decoration:underline; display:inline-block; margin-right:12px; padding-right:7px; background:url('/img/imfs/main/arrow_login.gif') no-repeat right 4px;} #chatLogin {z-index:100; display:none; width:340px; height:540px; margin:-270px 0 0 -170px; position:fixed; top:50%; left:50%;} #SamsungAuth {z-index:100; display:none; width:399px; height:328px; margin:-181px 0 0 -225px; position:fixed; top:50%; left:50%; background-color:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.3);} #btnSamsungAuthClose {display:none; cursor:pointer; width:35px; height:35px; left:50%; top:50%; margin:-170px 0 0 140px; position:fixed; z-index:1001; background:transparent;} #AirconInstallAuth {z-index:100; display:none; width:410px; height:245px; margin:-181px 0 0 -225px; position:fixed; top:50%; left:50%; background-color:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.3);} #btnAirconInstallAuthClose {display:none; cursor:pointer; width:35px; height:35px; left:50%; top:50%; margin:-170px 0 0 140px; position:fixed; z-index:1001; background:transparent;} #header .banner {position:absolute; right:0; top:33px;} #header .banner li {float:left; line-height:20px; height:20px; width:40px; margin-left:7px; padding-left:7px; background:url('/img/imfs/main/ico_header_bar.gif') no-repeat 0 3px;} #header .banner li.pro1 {width:70px;} #header .banner li.pro2 {width:50px;} #header .banner li.pro3 {width:50px;} #header .banner li a {display:block; text-indent:-9999px; overflow:hidden; background:url('/img/imfs/main/tit_pro.png') no-repeat;} #header .banner li.pro1 a {background-position:0 0px;} #header .banner li.pro2 a {background-position:0 -20px;} #header .banner li.pro3 a {background-position:0 -40px;} #header .banner li.pro4 a {background-position:0 -60px;} #header .banner li.pro5 a {background-position:0 -80px;} #header .banner li.pro1 a:hover {background-position:-155px 0px;} #header .banner li.pro2 a:hover {background-position:-155px -20px;} #header .banner li.pro3 a:hover {background-position:-155px -40px;} #header .banner li.pro4 a:hover {background-position:-155px -60px;} #header .banner li.pro5 a:hover {background-position:-155px -80px;} #header .banner li:first-child {background:none;} #header .gnb {position:absolute; left:0; top:80px; line-height:44px; width:1060px;} #header .gnb li {float:left; position:relative; height:44px; cursor:pointer;} #header .gnb li b {overflow:hidden; display:block; text-indent:-9999px;} #header .gnb li.category_view {width:111px; background:url('/img/imfs/main/gnb_category_view.gif') no-repeat;} #header .gnb li.category_view.on {background-position:0 -44px;} #header .gnb li.buy {background:url('/img/imfs/main/gnb_buy.gif') no-repeat; width:90px; position:absolute; right:0; top:0;} #header .gnb li.buy.on {background-position:0 -44px;} #header .gnb li.menu {padding:0 17px; background:url('/img/imfs/main/ico_gnb_bar.gif') no-repeat left 14px;} #header .gnb li.menu b {background:url('/img/imfs/main/gnb.png') no-repeat; width:30px; height:30px; margin-top:6px; overflow:hidden; text-indent:-9999px;} #header .gnb li.menu1 {background:none; padding-left:25px;} #header .gnb li.menu1 b {background-position:0 0;} #header .gnb li.menu2 b {background-position:0 -30px;} #header .gnb li.menu3 b {background-position:0 -60px; width:75px;} #header .gnb li.menu4 b {background-position:0 -90px; width:30px;} #header .gnb li.menu5 b {background-position:0 -120px; width:63px;} #header .gnb li.menu6 b {background-position:0 -150px; width:63px;} #header .gnb li.menu7 b {background-position:0 -180px; width:63px;} #header .gnb li.menu8 b {background-position:0 -210px; width:63px;} #header .gnb li.menu9 b {background-position:0 -240px; width:63px;} #header .gnb li.menu10 b {background-position:0 -270px; width:30px;} #header .gnb li.menu1:hover b {background-position:-140px 0;} #header .gnb li.menu2:hover b {background-position:-140px -30px;} #header .gnb li.menu3:hover b {background-position:-140px -60px;} #header .gnb li.menu4:hover b {background-position:-140px -90px;} #header .gnb li.menu5:hover b {background-position:-140px -120px;} #header .gnb li.menu6:hover b {background-position:-140px -150px;} #header .gnb li.menu7:hover b {background-position:-140px -180px;} #header .gnb li.menu8:hover b {background-position:-140px -210px;} #header .gnb li.menu9:hover b {background-position:-140px -240px;} #header .gnb li.menu10:hover b {background-position:-140px -270px;} #header .gnb li.menu11, #header .gnb li.menu12 {display:none;} #header .gnb .ly {display:none; border:2px solid #d4382e; border-top:0; width:185px; position:absolute; left:0; top:44px; z-index:5; background-color:#fff;} #header .gnb .ly span.arrow {display:block; position:absolute; left:33px; top:-5px; width:9px; height:5px; background:url('/img/imfs/main/arrow_gnb.gif') no-repeat;} #header .gnb li.menu2 .ly span.arrow {left:25px;} #header .gnb li.menu3 .ly span.arrow {left:49px;} #header .gnb li.menu4 .ly span.arrow {left:27px;} #header .gnb li.menu5 .ly span.arrow {left:42px;} #header .gnb li.menu6 .ly span.arrow {left:42px;} #header .gnb li.menu7 .ly span.arrow {left:42px;} #header .gnb li.menu8 .ly span.arrow {left:42px;} #header .gnb li.menu9 .ly span.arrow {left:42px;} #header .gnb li.menu10 .ly span.arrow {left:61px;} #header .gnb li.menu10 .ly {left:-34px;} #header .gnb .ly p {padding:8px 0;} #header .gnb .ly p strong {padding:0 10px; line-height:26px; font-weight:normal; display:block; color:#333;} #header .gnb .ly p strong a {display:block;} #header .gnb .ly p strong:hover {font-weight:bold; background-color:#f4f4f4; letter-spacing:-1px;} #header .gnb .ly p strong:hover a {color:#d4382e;} #header .gnb .ly p a:active {background:none;} #header .gnb .ly p strong.on a {color:#d4382e;} #header .gnb .ly p strong.on {color:#d4382e; font-weight:bold; background-color:#f4f4f4;} /* 20170424 */ /* GNB */ .hidden {position:absolute; top:0; left:-9999px; width:0; height:0; font-size:1px; line-height:0; text-indent:0;} .re_gnb_wrap {float:left; z-index:1000;}/* 20170511 */ .re_gnb a {display:inline-block; margin:0; padding:0; vertical-align:top;} .re_gnb ul:after {display:block; content:""; clear:both;} .re_gnb li:first-child.re_depth01 {margin-left:10px;} .re_gnb li.re_depth01 {float:left; margin-left:22px;} .re_gnb li.re_depth01 > a {display:block; position:relative; height:32px; padding-top:7px; text-decoration:none; cursor:default;} .re_gnb li.re_depth01 > a span {display:block; padding:6px 10px 6px 12px; font-family:'NanumGothic-Bold'; font-weight:bold; font-size:14px; color:#333743; letter-spacing:-0.8px;} .re_gnb li.re_depth01 > a.hover:after {content:""; position:absolute; bottom:-4px; left:50%; width:11px; height:6px; margin-left:-5px; background:url('/img/imfs/main/sp_re_icon.png') no-repeat 0 0; z-index:900;}/* 20170511 */ .re_gnb .re_depth01 a.hover span {border-radius:4px; color:#fff; background-color:#db473b;} .re_gnb .re_depth02_wrap {display:none; position:absolute; top:42px; left:0; width:1198px; border:1px solid #434656; background-color:#fff; z-index:800;}/* 20170511 */ /* 2017-11-22_상품상세개편2차 */ .re_gnb .re_depth_area:after {display:block; content:""; clear:both;} .re_gnb .re_depth_list {float:left; width:842px; padding:17px 0px 0 27px;} /* 2017-11-22_상품상세개편2차 */ .re_gnb .re_depth_list:after {display:block; content:""; clear:both;} .re_gnb .re_depth_list dl {float:left; width:25%;} .re_gnb .re_depth_list dt {margin-right:30px; border-bottom:1px solid #ccc;} .re_gnb .re_depth_list dt a {padding-bottom:4px; font-size:14px; color:#333;font-family: "Noto Sans KR";font-weight:500;} .re_gnb .re_depth_list dt.tit_type1 a:first-child {margin-left:0;} .re_gnb .re_depth_list dt.tit_type1 a {margin:0 5px;} .re_gnb .re_depth_list dd.sub_list {padding-top:5px;} .re_gnb .re_depth_list dd.sub_list li {line-height:23px;} .re_gnb .re_depth_list dd.sub_list a {display:inline-block; font-size:13px; color:#222;font-family: "Noto Sans KR";font-weight:300;} .re_gnb .re_depth_list dd.sub_list a:hover span:first-child {text-decoration:underline;} .re_gnb .re_depth_list dd.sub_list a span {display:inline-block;} .re_gnb .re_brand_wrap {float:left; width:328px; height:279px; border-left:1px solid #f0f0f0;} /* 2017-11-22_상품상세개편2차 */ .re_gnb .re_maker_banner {overflow:hidden; height:165px; margin-left:-1px;} .re_gnb .re_maker_banner ul {margin:-1px -1px 0 0;} .re_gnb .re_maker_banner ul:after {display:block; content:""; clear:both;} .re_gnb .re_maker_banner li {position:relative; float:left; width:50%; cursor:pointer;} .re_gnb .re_maker_banner li a {border-left:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; width:165px; /*height:42px;*/} /* 2017-11-22_상품상세개편2차 */ .re_gnb .re_maker_banner li a:hover:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; margin:-1px -1px 0 0; border:1px solid #333; z-index:10;} .re_gnb .re_maker_banner li img {/* width:124px; */ height:40px; vertical-align:top; margin-left:auto; margin-right:auto; display:block;} /* 2017-11-22_상품상세개편2차 */ .re_gnb .re_maker_link {padding:8px 0 0 19px;} .re_gnb .re_maker_link li a {color:#666; line-height:23px; letter-spacing:-0.5px;font-family: "Noto Sans KR";font-weight:400;} .re_gnb .re_maker_link .tit {font-size:13px; color:#333;} .re_gnb .re_maker_link .t_desc {margin-left:5px; font-size:12px;font-weight:300;letter-spacing:-1px;} .re_gnb .re_md_wrap {clear:both; width:100%; height:40px; font-family: "Noto Sans KR";font-weight:400; background-color:#9199b8;} .re_gnb .re_md_wrap:after {display:block; content:""; clear:both;} .re_gnb .re_md_wrap .tit {display:block; float:left; position:relative; width:213px; padding-top:12px; font-size:13px; color:#fff; text-align:center;} /* 2017-11-22_상품상세개편2차 */ .re_gnb .re_md_wrap .tit:after {content:""; position:absolute; top:16px; right:-4px; width:4px; height:7px; background:url('/img/imfs/main/sp_re_icon.png') no-repeat 0 -26px; z-index:100;} .re_gnb .re_md_wrap .re_md_list {display:table; float:left; width:985px; border-top:1px solid #dee1ed; background-color:#e7eaf5;} /* 2017-11-22_상품상세개편2차 */ .re_gnb .re_md_wrap .re_md_list li {display:table-cell; position:relative; width:329px; height:39px; text-align:center; vertical-align:middle;} /* 2017-11-22_상품상세개편2차 */ .re_gnb .re_md_wrap .re_md_list li:first-child:after {display:none;} .re_gnb .re_md_wrap .re_md_list li:after {display:block; content:""; position:absolute; top:10px; left:0; width:1px; height:18px; background-color:#ccced8;} .re_gnb .re_md_wrap .re_md_list li:hover {background-color:#cbd6ff;} .re_gnb .re_md_wrap .re_md_list li:hover a {text-decoration:underline;} .re_gnb .re_md_wrap .re_md_list a {display:inline-block; font-family:'NanumGothic-Bold'; font-weight:bold; font-size:13px; color:#333743; text-align:center; text-decoration:none;} .re_gnb .re_depth01.active .re_depth02_wrap {display:block;} .re_gnb .re_depth_list .ico {display:inline-block; width:11px; height:11px; margin:5px 0 0 4px; font-size:0; line-height:0; text-indent:-9999px; vertical-align:top; background:url('/img/imfs/main/sp_re_icon.png') no-repeat;} .re_gnb .re_depth_list .ico.new {background-position:-51px -375px;} .re_gnb .re_depth_list .ico.hot {background-position:-30px -375px;} .gnbTopLayer .monthEventWrap {position:absolute; top:37px; left:765px;} .gnbTopLayer .monthEventWrap .monthEventView {display:block; width:150px; height:24px; padding:2px 0 0 0; text-align:center; text-decoration:none;} .gnbTopLayer .monthEventWrap .monthEventView span {display:inline-block; position:relative; padding:3px 13px 0 27px; font-family:'NanumGothic'; font-size:13px; color:#333743; letter-spacing:-0.5px;} .gnbTopLayer .monthEventWrap .monthEventView span:before {content:""; position:absolute; top:0; left:0; width:21px; height:20px; background:url('/img/imfs/main/sp_re_icon.png') no-repeat 0 -187px;} .gnbTopLayer .monthEventWrap .monthEventView span:after {content:""; position:absolute; top:9px; right:0; width:8px; height:4px; background:url('/img/imfs/main/sp_re_icon.png') no-repeat -69px 0;} .gnbTopLayer .monthEventWrap .monthEventView.on {border-radius:4px; background-color:#e5e7f1;} .gnbTopLayer .monthEventWrap .monthEventView.on span:after {background-position:-87px 0;} .gnbTopLayer .monthEventWrap .monthEventCon {display:none; position:absolute; top:26px; left:0; padding-top:8px; z-index:300;}/* z-index 수정 */ .gnbTopLayer .monthEventWrap .monthEventCon:after {content:""; position:absolute; top:3px; left:72px; width:11px; height:6px; background:url('/img/imfs/main/sp_re_icon.png') no-repeat 0 0;} .gnbTopLayer .monthEventWrap .monthEventCon .monthEventBox {overflow:hidden; position:relative; width:230px; padding:14px 15px 14px; border:1px solid #3d404f; background-color:#fff;} .gnbTopLayer .monthEventWrap .monthEventCon .mEventNoti {display:none; margin-top:13px; color:#959595; text-align:left; font-size:11px; padding-bottom:1px;} .gnbTopLayer .monthEventWrap .monthEventCon .mEventLink {background:url('/img/imfs/main/ico_rightS.gif') no-repeat right 12px;} .gnbTopLayer .monthEventWrap .monthEventCon .mEventLink a {font-family: "Noto Sans KR";font-weight:300; font-size:13px; color:#222; line-height:28px; letter-spacing:-0.5px;} .gnbTopLayer .monthEventWrap .monthEventCon .mEventLink a:hover {font-weight:400; text-decoration:underline;} .gnbBottomLayer .btn_idb_story {float:right; position:relative; margin-top:6px;} .gnbBottomLayer .btn_idb_story:hover .idb_story_wrap {display:block;} .btn_idb_story .btn_story_more {display:block; width:136px; height:25px; padding-top:3px; text-align:center;} .btn_idb_story .btn_story_more:hover {border-radius:4px; background-color:#e5e7f1;} .btn_idb_story .btn_story_more span {display:inline-block; position:relative; padding:3px 0 0 35px; font-family:'NanumGothic-Bold'; font-weight:bold; font-size:14px; color:#333743;} .btn_idb_story .btn_story_more span:after {content:""; position:absolute; top:0; left:0; width:28px; height:22px; background:url('/img/imfs/main/sp_re_icon.png') no-repeat 0 -217px;} .btn_idb_story .idb_story_wrap {display:none; position:absolute; top:28px; right:0; padding-top:8px; z-index:10;} .btn_idb_story .idb_story_cont {width:260px; padding-top:10px; border:1px solid #3d404f; background-color:#fff;} .btn_idb_story .idb_story_cont:after {content:""; position:absolute; top:3px; right:118px; width:11px; height:6px; background:url('/img/imfs/main/sp_re_icon.png') no-repeat 0 0;} .btn_idb_story .idb_story_cont .tit {margin:0 0 6px 10px; font-family:'NanumGothic-Bold'; font-weight:bold; font-size:12px; color:#333;} .btn_idb_story .idb_story_list {padding:0 10px 8px 10px;} .btn_idb_story .idb_story_list li:first-child {margin-top:0;} .btn_idb_story .idb_story_list li {width:100%; margin-top:10px;} .btn_idb_story .idb_story_list li:after {display:block; content:""; clear:both;} .btn_idb_story .idb_story_list .link {float:left; display:table; width:225px;} .btn_idb_story .idb_story_list .link > span {display:table-cell; vertical-align:middle;} .btn_idb_story .idb_story_list .idb_num {display:inline-block; float:left; width:15px; margin-top:1px; font-weight:bold; font-size:15px; color:#676f99; vertical-align:top;} .btn_idb_story .idb_story_list .thumb img {width:74px; height:56px; vertical-align:top;} .btn_idb_story .idb_story_list .idb_tit {padding-left:10px; font-family:Dotum; font-size:12px; color:#333; line-height:18px; letter-spacing:-0.5px;} .btn_idb_story .btn_more {display:block; padding:5px 0; border-top:1px solid #e1e1e1; text-align:center; background-color:#f7f7f7;} .btn_idb_story .btn_more span {display:inline-block; position:relative; padding-right:11px; font-size:11px; color:#777; letter-spacing:-0.5px;} .btn_idb_story .btn_more span:after {content:""; position:absolute; top:2px; right:0; width:5px; height:9px; background:url('/img/imfs/main/sp_re_icon.png') no-repeat -17px -26px;} #buy_notice {display:none; position:absolute; width:252px; height:133px; background:url('/img/imfs/main/ly_buy.gif') no-repeat; left:50%; top:147px; margin-left:327px; z-index:5; overflow:hidden;} #buy_notice p {display:none;} #buy_notice .btn {position:absolute; cursor:pointer; left:19px; bottom:30px; width:109px; height:25px; overflow:hidden; text-indent:-9999px;} #buy_notice .check {position:absolute; cursor:pointer; left:134px; bottom:12px; width:99px; height:16px ; text-indent:-9999px;} #aside_left {position:absolute; left:50%; width:80px; top:167px; margin:0 0 0 -570px; z-index:5;} #aside_left .my_fav {width:80px; margin-bottom:10px; overflow:hidden; text-indent:-9999px; font-size:0; cursor:pointer; height:37px; background:url('/img/imfs/main/btn_my_fav.gif') no-repeat;} #aside_left .my_fav:hover {background-position:0 -74px;} #aside_left .my_fav.on {background-position:0 -37px;} #aside_left ul.banner li {padding-bottom:9px; position:relative;} #aside_left div.banner {border:1px solid #e4e4e4; width:78px; overflow:hidden; text-align:center; padding-bottom:10px;} #aside_left div.banner ul {width:64px; margin:0 auto;} #aside_left div.banner ul li {background:url('/img/imfs/main/dotted.gif') repeat-x left top; padding:8px 0;} #aside_left div.banner ul li:first-child {background:none;} #aside_left div.banner ul li img {width:64px; height:80px;} #aside_left div.banner .btn {background:url('/img/imfs/main/dotted.gif') repeat-x left bottom; ; padding-bottom:5px; width:64px; margin:0 auto 12px auto; padding-top:0;} #aside_left div.banner .btn_prev, #aside_left div.banner .btn_next {display:inline-block; cursor:pointer; background:url('/img/imfs/main/arrow.gif') no-repeat; width:13px; height:13px;} #aside_left div.banner .btn_next {background-position:-13px 0;} #aside_left div.banner .btn_prev:hover {background-position:0 -13px;} #aside_left div.banner .btn_next:hover {background-position:-13px -13px;} #aside_left ul.mem .ly {position:absolute; left:0; top:0; display:none;} #aside_left ul.mem .ly.ly1 {width:230px; height:379px; background:url('/img/imfs/main/ly_mem_1.gif') no-repeat;} #aside_left ul.mem .ly.ly2 {display:none; width:230px; height:349px; background:url('/img/imfs/main/ly_mem_2.gif') no-repeat;} #aside_left ul.mem .btn_ly {height:30px; overflow:hidden; text-indent:-9999px; font-size:0; width:96px; display:block; position:absolute; background:url('/img/imfs/main/btn_mem.png') no-repeat;} #aside_left ul.mem .btn_ly.btn1 {background-position:0 0; left:16px; bottom:59px;} #aside_left ul.mem .btn_ly.btn2 {background-position:0 -60px; left:118px; bottom:59px;} #aside_left ul.mem .btn_ly.btn3 {background-position:0 -120px; width:197px; left:16px; bottom:16px;} #aside_left ul.mem .btn_ly.btn1:hover {background-position:0 -30px;} #aside_left ul.mem .btn_ly.btn2:hover {background-position:0 -90px;} #aside_left ul.mem .btn_ly.btn3:hover {background-position:0 -150px;} #aside_left ul.mem.ly1 li:hover .ly.ly1 {display:block;} #aside_left ul.mem.ly2 li:hover .ly.ly2 {display:block;} #my_fav {width:191px; display:none; border:1px solid #333; background-color:#fff; position:absolute; left:88px; top:0;} #my_fav .arrow {position:absolute; display:block; left:-10px; top:-1px; width:10px; height:35px; background-color:#fff; border-top:1px solid #333; border-bottom:1px solid #333;} #my_fav ul {width:165px; margin:0 auto; padding-top:6px;} #my_fav ul li {border-bottom:1px solid #e4e4e4; line-height:29px; color:#343434; position:relative;} #my_fav ul li b {font-weight:normal; display:inline-block; width:18px; color:#999;} #my_fav ul li.no {border-bottom:0; line-height:17px; text-align:center; padding:20px 0; color:#959595;} #my_fav ul li.no b {color:#333;} #my_fav ul li.case1 {font-size:11px;} #my_fav ul li.case1 u {text-decoration:none; color:#333; font-weight:bold; font-size:14px;} #my_fav ul li.case2 {font-size:11px; padding-bottom:30px;} #my_fav ul li strong {font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:absolute; left:20px; top:1px; display:block; width:143px;} #my_fav ul li span {display:none;} #my_fav ol {clear:both; padding-top:10px; margin:0 auto; clear:both; text-align:center;} #my_fav ol li {display:inline-block; padding:0 2px; cursor:pointer; line-height:14px; text-align:center; margin-left:-1px; overflow:hidden; width:12px; height:13px;} #my_fav ol li a {color:#666; text-decoration:none;} #my_fav ol li.on {width:13px; height:13px; color:#333; font-weight:bold;} #my_fav ol li.prev {background:url('/img/imfs/main/btn_page_small.gif') no-repeat 0 0;} #my_fav ol li.prev:hover {background-position:0 -13px;} #my_fav ol li.next {background:url('/img/imfs/main/btn_page_small.gif') no-repeat -13px 0;} #my_fav ol li.next:hover {background-position:-13px -13px;} #my_fav .btn_wrap {text-align:center; padding:10px 0 23px 0;} #my_fav .btn_wrap a.btn {letter-spacing:-1px; font-size:11px;} #my_fav .close {overflow:hidden; text-indent:-9999px; cursor:pointer; position:absolute; right:11px; bottom:11px; display:block; width:11px; height:11px; background:url('/img/imfs/main/btn_close_s.gif') no-repeat;} #aside_right {position:absolute; left:50%; width:90px; top:167px; margin:0 0 0 489px; overflow:hidden; z-index:3;} #aside_right div.latest {width:88px; border:1px solid #d8d8d8; background-color:#fff; margin-bottom:10px; text-align:center;} #aside_right div.latest .aco {width:100%; position:relative;} #aside_right div.latest .aco ul {padding-top:4px; width:69px; margin:0 auto;} #aside_right div.latest .aco ul li {margin-top:6px; width:69px; cursor:pointer; height:73px; position:relative;} #aside_right div.latest .aco ul li:hover span {display:block;} #aside_right div.latest .aco ul li span {display:none; color:#fff; width:69px; height:69px; position:absolute; left:0; top:0; background:url('/img/imfs/main/mask.png') repeat;} #aside_right div.latest .aco ul li span b {color:#ff8585; display:block; padding-top:3px;} #aside_right div.latest .aco ul li strong {display:block; margin-top:13px; overflow:hidden; height:30px; text-overflow:ellipsis; font-weight:normal;} #aside_right div.latest .aco ul li img {width:70px; height:70px; margin:0 auto;} #aside_right div.latest .aco .con {display:none; height:289px; border-bottom:1px solid #d8d8d8;} #aside_right div.latest .aco .con p, #aside_right div.latest .aco .con strong {font-size:11px;} #aside_right div.latest .aco .con .no {bottom:130px; color:#959595;} #aside_right div.latest .aco.on .con {display:block;} #aside_right div.latest .review .con {border-bottom:0; height:290px;} #aside_right div.latest h3 {display:block; cursor:pointer; position:relative; height:35px; font-weight:normal; width:88px; background:url('/img/imfs/main/title_sky_right.gif') no-repeat;} #aside_right div.latest h3 span {display:block; position:absolute; color:#ccc; line-height:15px; right:18px; top:12px;} #aside_right div.latest h3 span b {font-weight:normal; color:#d4382e;} #aside_right div.latest .basket h3 {background-position:0 -35px;} #aside_right div.latest .recom h3 {background-position:0 -105px;} #aside_right div.latest .review h3 {height:34px; background-position:0 -175px;} #aside_right div.latest .on.basket h3 {background-position:0 0;} #aside_right div.latest .on.recom h3 {background-position:0 -70px;} #aside_right div.latest .on.review h3 {background-position:0 -141px;} #aside_right div.latest .basket ol {bottom:7px;} #aside_right div.latest ol {clear:both; padding-top:16px; width:100%; *width:90px; left:0; *left:10px; clear:both; text-align:center; position:absolute; bottom:15px;} #aside_right div.latest ol li {display:inline-block; *display:block; *float:left; cursor:pointer; text-align:center; margin-left:-1px; *margin-left:1px; padding:0 2px 0 0;} #aside_right div.latest ol li a {color:#666;} #aside_right div.latest ol li.on {color:#333; font-weight:bold; letter-spacing:-1px;} #aside_right div.latest ol li.on a {color:#333;} #aside_right div.latest ol li a:hover {color:#333;} #aside_right div.latest ol li.prev {padding:0; vertical-align:-2px; height:13px; width:13px; background:url('/img/imfs/main/btn_page_small.gif') no-repeat 0 0;} #aside_right div.latest ol li.prev:hover {background-position:0 -13px;} #aside_right div.latest ol li.next {padding:0; vertical-align:-2px; height:13px; width:13px; background:url('/img/imfs/main/btn_page_small.gif') no-repeat -13px 0;} #aside_right div.latest ol li.next:hover {background-position:-13px -13px;} #aside_right div.latest p.ico_req {overflow:hidden; text-indent:-9999px; font-size:0; line-height:0; background:url('/img/imfs/main/ico_b.png') no-repeat; position:absolute; left:0; top:0; width:35px; height:35px;} #aside_right div.latest p {position:absolute; width:100%; bottom:25px; line-height:20px; text-align:center; left:0;} #aside_right div.latest .page {font-weight:bold;} #aside_right ul.banner {clear:both; width:100%;} #aside_right ul.banner li {padding-bottom:10px;} #aside_right div.top {width:90px; clear:both; height:32px; background:url('/img/imfs/main/btn_top.gif') no-repeat;} #aside_right div.top:hover {background-position:0 -32px;} #aside_right div.top a {display:block; height:32px;} #aside_right h2 strong, #aside_right h3 strong {display:none;} #category {position:absolute; display:none; padding-top:30px; height:480px; overflow:hidden; border:2px solid #d4382e; border-top:0; width:966px; background-color:#fff; left:50%; margin-left:-481px; top:153px; z-index:7;} #category .close {cursor:pointer; position:absolute; right:9px; top:4px; display:block; width:21px; height:21px; background:url('/img/imfs/main/btn_close.gif') no-repeat;} #category dl {float:left; width:20%; height:240px;} #category dl dt {height:30px; line-height:33px; overflow:hidden; background-color:#f6f6f6; padding:0 15px; font-weight:bold; margin-bottom:10px;} #category dl dt a:hover {letter-spacing:0;} #category dl dd {padding:0 15px 3px 15px;} #category dl a:hover {color:#d4382e; font-weight:bold; letter-spacing:-1px;} #buy_fast {position:absolute; display:none; padding:40px 0 10px 0; border-bottom:2px solid #333; border-top:0; width:961px; background:url('/img/imfs/main/bg_buy.gif') no-repeat #fff; left:50%; margin-left:-421px; top:161px; z-index:6;} #buy_fast.none {} #buy_fast .sum_wrap {text-align:right; position:relative; background-color:#f7f7f7; height:60px; border-bottom:1px solid #e4e4e4;} #buy_fast .sum_wrap .tit {position:absolute; color:#333; left:7px; top:12px;} #buy_fast .sum_wrap .total {padding:11px 9px 0 0; color:#333;} #buy_fast .sum_wrap .total strong {color:#333;} #buy_fast .sum_wrap .total span {display:inline-block; padding:0 0 0 3px;} #buy_fast .sum_wrap .total b {color:#f24a47; font-size:15px; display:inline-block; padding:0 0 0 5px;} #buy_fast .sum_wrap .point {padding:7px 9px 0 0; color:#333;} #buy_fast .sum_wrap .point b {display:inline-block; padding:0 1px 0 5px;} #buy_fast .close {cursor:pointer; position:absolute; right:9px; top:4px; display:block; width:21px; height:21px; background:url('/img/imfs/main/btn_close.gif') no-repeat; margin:11px 11px 0 0;} #buy_fast .txt {position:absolute; left:17px; top:35px; display:block; width:162px; height:94px; background:url('/img/imfs/main/txt_fastbuy.gif') no-repeat;} #buy_fast .banner {position:absolute; left:17px; bottom:20px;} #buy_fast .wrap {width:861px; margin:0 50px 0 50px; clear:both;} #buy_fast .tab {width:861px; height:32px; background:url('/img/imfs/main/tab_fast_bg.gif') repeat-x left top;} #buy_fast .tab li {height:32px; text-indent:-9999px; cursor:pointer; float:left; overflow:hidden; line-height:32px; text-align:center; width:157px;} #buy_fast .tab li.menu1 {background:url('/img/imfs/main/tab_fast_1off.gif') no-repeat;} #buy_fast .tab li.menu2 {background:url('/img/imfs/main/tab_fast_2off.gif') no-repeat;} #buy_fast .tab li.menu1.on {background:url('/img/imfs/main/tab_fast_1on.gif') no-repeat;} #buy_fast .tab li.menu2.on {background:url('/img/imfs/main/tab_fast_2on.gif') no-repeat;} #buy_fast .tab li a {display:block; height:32px;} #buy_fast .con1, #buy_fast .con2 {display:none;} #buy_fast .con1.on, #buy_fast .con2.on {display:block;} #buy_fast .select_wrap {width:861px; position:relative; height:30px; margin-bottom:10px; clear:both;} #buy_fast .btn_more {position:absolute; overflow:hidden; left:465px; top:0; width:110px; height:25px; background:url('/img/imfs/main/btn_more.gif') no-repeat;} #buy_fast .btn_more:hover {background-position:0 -25px;} #buy_fast .btn_more a {display:block; overflow:hidden; width:100%; text-indent:-9999px;} #buy_fast .select {position:absolute; left:0; top:0; width:457px; height:25px;} #buy_fast .select:hover .scroll {display:block;} #buy_fast .select table.inputT {position:absolute; line-height:25px; left:0; top:0; width:457px; height:25px; background:url('/img/imfs/main/bg_input.gif') no-repeat;} #buy_fast .select table.inputT td {padding-left:16px;} #buy_fast .select table.inputT td.date, #buy_fast .select table.inputT td.title {padding:0;} #buy_fast .select .gray {font-size:11px; color:#959595;} #buy_fast .select .scroll {width:437px; position:absolute; left:0; top:24px; display:none;} #buy_fast .select .scroll table.selectT {width:432px; background-color:#fff; line-height:25px; border:1px solid #ccc; cursor:pointer;} #buy_fast .select .scroll table.selectT tr:hover {background-color:#f4f4f4; color:#e64744;} #buy_fast .select .scroll table.selectT tr.visit td {color:#959595;} #buy_fast .select .scroll table.noneT {width:434px; background-color:#fff; border:1px solid #ccc;} #buy_fast .select .scroll table.noneT tr td {text-align:center; height:106px;} #buy_fast .select td.date {padding:0; width:90px; text-align:center;} #buy_fast .select td.title {padding:0;} #buy_fast .select td.title span {display:block; width:332px; padding-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #buy_fast .btn {margin:20px auto 10px auto; clear:both; width:100%; position:relative; text-align:center;} #buy_fast.none .btn {margin:20px auto 25px auto;} #buy_fast .btn a {display:inline-block; text-decoration:none; font-size:15px; font-weight:bold; line-height:33px; background-color:#fff; border:1px solid #ccc; border-bottom-color:#8f8f8f; border-right-color:#8f8f8f; color:#888; overflow:hidden; width:123px; height:33px;} #buy_fast .btn a:hover {background-color:#888; color:#fff; border:1px solid #888; border-bottom-color:#888; border-right-color:#888;} #buy_fast .btn a.buy {background-color:#f14949; border:1px solid #f14949; border-bottom-color:#d92d2d; border-right-color:#d92d2d; color:#fff;} #buy_fast .btn a.buy:hover {background-color:#d71e1e; border:1px solid #f14949; border-bottom-color:#c40808; border-right-color:#c40808;} #buy_fast .btn_add {display:block; background:url('/img/imfs/main/btn_add.gif') no-repeat; position:absolute; left:0; top:-8px; cursor:pointer; clear:both; overflow:hidden; text-indent:-9999px; width:85px; height:25px;} #buy_fast div.btn a.add {display:block; position:absolute; left:0; top:0px; border:0; background:url('/img/imfs/main/btn_add_item.gif') no-repeat 0 0; width:72px; height:25px; overflow:hidden; text-indent:-9999px;} #buy_fast div.btn a.add:hover {background:url('/img/imfs/main/btn_add_item.gif') no-repeat 0 -25px;} #buy_fast .txt_guide1 {background:url('/img/imfs/main/txt_fast_guide1.gif') no-repeat; width:379px; height:14px; margin:15px 0 0 0; overflow:hidden; text-indent:-9999px;} #buy_fast .txt_guide2 {background:url('/img/imfs/main/txt_fast_guide2.gif') no-repeat; width:379px; height:14px; margin:15px 0 0 0; overflow:hidden; text-indent:-9999px;} #buy_fast .buyT {width:861px; clear:both;} #buy_fast .scroll_table {overflow-y:scroll; overflow-x:hidden; height:283px; width:861px; border-bottom:1px solid #333;} #buy_fast.none .con1 .scroll_table {height:141px;} #buy_fast.none .con2 .scroll_table {height:141px;} #buy_fast .scroll_table .buyT {width:861px;} #buy_fast .con2 .btn {margin:20px auto 45px auto;} #buy_fast.none .con2 .btn {margin:20px auto 60px auto;} #buy_fast .buyT th {background-color:#f7f7f7; height:30px; line-height:30px; text-align:center; border-bottom:1px solid #333;} #buy_fast .buyT td.none {text-align:center; padding:35px 0; border-bottom:0; line-height:20px;} #buy_fast .buyT td.none b {text-decoration:underline;} #buy_fast .buyT td {height:68px; text-align:center; border-bottom:1px solid #e4e4e4;} #buy_fast .buyT td .btn_delete {display:block; line-height:17px; margin:0 auto; background:url('/img/imfs/main/btn_delete.gif') no-repeat; width:19px; height:19px; overflow:hidden; text-indent:-9999px;} #buy_fast .buyT td .btn_delete:hover {background-position:0 -19px; cursor:pointer;} #buy_fast .buyT td b {color:#333;} #buy_fast .buyT td.title {text-align:left;} #buy_fast .buyT td.title img {float:left; width:50px; height:50px; margin-top:7px;} #buy_fast .buyT td.title p {float:left; color:#959595; width:288px; margin:7px 0 5px 10px; line-height:17px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #buy_fast .buyT td.title p b {display:block; white-space:nowrap; height:17px; color:#333; line-height:17px; text-overflow:ellipsis; overflow:hidden;} #buy_fast .buyT td.title p span {display:block; font-size:11px; white-space:nowrap; height:17px; line-height:17px; text-overflow:ellipsis; overflow:hidden;} #buy_fast .buyT td.title p span strong {color:#666; font-weight:normal;} #buy_fast .con1 .buyT td.date {width:118px;} #buy_fast .con1 .buyT td.title {width:350px;} #buy_fast .con1 .buyT td.cal {width:116px;} #buy_fast .con1 .buyT td.cal .calculators {width:88px; display:block; margin-left:16px;} #buy_fast .con1 .buyT td.cal .calculators:after {display:block; content:""; clear:both;} #buy_fast .con1 .buyT td.cal .calculators li {float:left; margin-right:3px;} #buy_fast .con1 .buyT td.cal .calculators li.remove {width:17px; cursor:pointer; height:17px; overflow:hidden; text-indent:-9999px; font-size:0; background:url('/img/imfs/main/btn_calculators.gif') no-repeat 0 0;} #buy_fast .con1 .buyT td.cal .calculators li.remove:hover {background-position:-17px 0;} #buy_fast .con1 .buyT td.cal .calculators li.add {width:17px; cursor:pointer; height:17px; overflow:hidden; text-indent:-9999px; font-size:0; background:url('/img/imfs/main/btn_calculators.gif') no-repeat 0 -17px;} #buy_fast .con1 .buyT td.cal .calculators li.add:hover {background-position:-17px -17px;} #buy_fast .con1 .buyT td.cal .calculators li input {width:38px; padding-right:3px; border:1px solid #e4e4e4; padding-top:2px; height:13px; line-height:15px; text-align:right; font-weight:bold; color:#666;} #buy_fast .con1 .buyT td.price {width:119px; text-align:right; padding-right:10px;} #buy_fast .con1 .buyT td.state {width:94px;} #buy_fast .con1 .buyT td.delete {width:83px; text-align:left;} #buy_fast .con1 .buyT th.th1 {width:118px;} #buy_fast .con1 .buyT th.th2 {width:350px;} #buy_fast .con1 .buyT th.th3 {width:116px;} #buy_fast .con1 .buyT th.th3 img {margin-left:12px;} #buy_fast .con1 .buyT th.th4 {width:128px;} #buy_fast .con1 .buyT th.th5 {width:94px;} #buy_fast .con1 .buyT th.th6 {width:83px;} #buy_fast .con1 .buyT th.th6 img {margin-left:-20px;} #buy_fast .con2 .buyT th.th1 {width:118px;} #buy_fast .con2 .buyT th.th2 {width:408px;} #buy_fast .con2 .buyT th.th3 {width:116px;} #buy_fast .con2 .buyT th.th3 img {margin-left:-22px;} #buy_fast .con2 .buyT th.th4 {width:150px;} #buy_fast .con2 .buyT th.th5 {width:99px;} #buy_fast .con2 .buyT th.th5 img { ;} #buy_fast .con2 .buyT td.code {width:118px;} #buy_fast .con2 .buyT td.title {width:408px;} #buy_fast .con2 .buyT td.title img {margin-top:0;} #buy_fast .con2 .buyT td.title p {padding-top:3px;} #buy_fast .con2 .buyT td.cal {width:116px;} #buy_fast .con2 .buyT td.price {width:141px; text-align:right; padding-right:10px;} #buy_fast .con2 .buyT td.delete {width:99px; text-align:left;} #footer {overflow:hidden; position:relative; width:100%; min-width:1200px; margin-top:28px; padding-bottom:25px; background:url('/img/imfs/main/bg_footer.jpg') repeat-x;font-family: "Noto Sans KR";font-weight:400;font-size:12px; color:#959595; background-color:#fff; /*z-index:2;*/}/* 20171024_수정 */ #footer:after {display:block; content:""; clear:both;} #footer .wrap {width:1200px; margin:0 auto;} #footer .links {width:100%; height:38px; position:relative;} #footer dl.select {position:absolute; top:8px; left:0; height:24px; border:1px solid #ddd; width:128px;} #footer dl.select dt {width:110px;} #footer dl.select dd {display:none;} #footer dl.select dd.first {margin-top:5px;} #footer dl.select:hover {height:auto;} #footer dl.select:hover dd {display:block;} #footer .links ul {width:590px; padding:13px 0 0 155px;} #footer .links ul:after {display:block; content:""; clear:both;} #footer .links ul li:first-child {background:none; padding-left:0px;} #footer .links ul li {float:left; padding:0 14px; white-space:nowrap; background:url('/img/imfs/main/ico_bar.gif') no-repeat left 2px;} #footer .links ul li a {display:block;letter-spacing:-0.5px;} #footer .links p {position:absolute; right:10px; top:11px;letter-spacing:-0.5px;} #footer .links p b {display:inline-block; vertical-align:middle; line-height:14px; width:63px; font-weight:400;color:#333; background:url('/img/imfs/main/arrow_notice.gif') no-repeat right 4px;} #footer .links p span {display:inline-block; vertical-align:middle; line-height:14px; padding-left:10px;} #footer .company {width:100%; padding-top:14px; overflow:hidden;} #footer .company:after {display:block; content:""; clear:both;} #footer .company dl:first-child {/* width:40%; */ /* 2017-11-16_푸터변경 (원본) */ width:33%;} #footer .company dl.dl4 {width:33%; margin-left:30px;} /* 2017-11-16_푸터변경 */ /* 2018-01-31 padding 삭제 */ #footer .company dl {float:left; width:30%; font-size:12px;}/* 20171024_수정 */ #footer .company dl dt span.txt_hilight {font-weight:bold; color:#666;} /* 2017-11-16_푸터변경 */ #footer .company dl dt span:not(.txt_hilight) {color:#959595; font-weight:normal; padding-left:5px;} /* 2017-11-16_푸터변경 */ #footer .company .dl1 dt.txt_imk_cs {padding:10px 0 3px 0px;} /* 2017-11-16_푸터변경 */ /* 2017-12-14_고객센터푸터이메일추가 */ #footer .company .dl1 p {margin-bottom:3px;} /* 2017-12-14_고객센터푸터이메일추가 */ #footer .company .dl1 p span.At {background:url('/img/email_at.gif') no-repeat; width:8px; height:9px; display:inline-block;} /* 2017-12-14_고객센터푸터이메일추가 */ #footer .company dl dt, #footer .company dl dt span.txt_owner {font-size:13px;padding-bottom:5px; color:#333;} /* 2017-11-16_푸터변경 */ #footer .company .dl3 .txt_allatpay {display:inline-block; padding:15px 0 10px 0; font-weight:bold;} /* 2017-11-16_푸터변경 */ #footer .company img {margin-top:-2px;} #footer .company dl.dl2 dt {padding-bottom:0;} #footer .company dl dd {padding:0 0 3px 7px; line-height:17px; font-weight:300;color:#666; background:url('/img/imfs/main/dotted_footer.gif') no-repeat 0 8px;} #footer .company dl dd .bar {padding:0 8px; color:#e1e1e1;} #footer .company dl dd span {color:#333;} #footer .company a.btn_num_con {display:inline-block; overflow:hidden; text-indent:-9999px; width:97px; margin-top:-1px; height:16px; vertical-align:middle; background:url('/img/imfs/main/btn_num_con.gif') no-repeat;} #footer .company a.btn_join_con {display:inline-block; overflow:hidden; text-indent:-9999px; width:63px; margin-top:-1px; height:16px; vertical-align:middle; background:url('/img/imfs/main/btn_join_con.gif') no-repeat;} #footer .copyright {width:100%; min-width:1200px; font-size:12px;}/* 20171024_수정 */ #footer .copyright:after {display:block; content:""; clear:both;} #footer .company dl.dl3 dd {padding:0; background:none;} #footer .company dl.dl1 .type_mg{margin-top:9px;} #footer .company dl.dl4 .type_mg{margin-top:17px;} #footer .company dl.dl3 .type_mg{margin-top:35px;} #footer .company dl.dl4 dt .btn_inquire{display:inline-block;width:81px;height:16px;background:url('/img/imfs/main/btn_footer_inquire.jpg') no-repeat;font-size:0;color:transparent;vertical-align:middle;margin:-3px 0 0 9px; } #footer .company dl.dl4 dd{background:none;padding:0;} #footer .company dl.dl4 dd span{color:#666;} #footer .company dl.dl4 dd span.bar{color:#e1e1e1} /* 2018-03-22 수정 S */ dl.select {white-space:nowrap; height:24px; overflow:hidden; display:inline-block; margin-top:-1px; padding:0; border:1px solid #ddd; line-height:24px; background-color:#fff; cursor:pointer;letter-spacing:-0.5px;} dl.select:hover {border:1px solid #bbb; color:#333; height:auto;} dl.select dt {height:24px; padding:0 13px 0 6px; background:#fafafa url('/img/imfs/main/arrow_select.gif') no-repeat right top; overflow:hidden; white-space:nowrap;color:#666;} dl.select:hover dt {background-position: right -23px;} /* 2018-04-25 위치수정 */ dl.select dd {height:22px; padding:1px 19px 0 7px;} dl.select:hover dd {display:block;} dl.select dd:hover {background-color:#f7f7f7;} dl.select a {display:block; text-decoration:none;} dl.select a:active {background:none;} #history {position:relative; width:100%; font-size:12px; margin:6px 0 0 11px; z-index:90;} #history ul {width:100%; padding-top:2px;} #history ul:after {display:block; content:""; clear:both;} #history ul li {height:27px; position:relative; z-index:1; margin-bottom:10px; line-height:27px; float:left; padding-left:17px; background:url('/img/imfs/main/arrow_history.gif') no-repeat 7px 9px;} #history ul li:hover {z-index:2;} #history ul li select{text-align:right;} #history ul li dl.select {font-size:13px;} #history ul li dl.select dt {padding:0 19px 0 6px; background:url('/img/imfs/main/bg_history_select.gif') no-repeat right 0; overflow:hidden; white-space:nowrap;} #history ul li dl.select:hover dt{background-position:right -25px;} #history ul li.add {width:21px; margin-top:-1px; background:url('/img/imfs/main/ico_add.gif') no-repeat;} #history ul li.add:hover {background-position:0 -21px;} #history ul li.back {width:85px; margin-top:-1px; background:url('/img/imfs/main/btn_history_back.jpg') no-repeat;} /*#history ul li.back:hover {background-position:0 -21px;} */ #history ul li.btn {margin-left:8px; padding:0; cursor:pointer;} #history ul li.btn a {overflow:hidden; text-indent:-9999px; display:block; width:100%; height:21px;} #history ul li.home {width:11px; padding-left:0; background:url('/img/imfs/main/ico_home.gif') no-repeat 0 6px;} /* 2018-03-22 수정 E */ .sorting {height:34px; margin-top:15px; font-size:11px; background-color:#f7f7f7; position:relative; z-index:3; width:100%; border-bottom:1px solid #777;}/* 20171024_수정 */ .sorting:after {display:block; content:""; clear:both;} .sorting .select {padding-top:7px;} .sorting .select li {float:left; margin-left:7px;} .sorting .select li.about {width:74px; font-size:0; line-height:0; height:21px; background:url('/img/imfs/main/btn_about.gif') no-repeat;} .sorting .select li.about:hover {background-position:0 -21px;} .sorting .select li.about a {display:block; height:21px;} .sorting .sort {position:absolute; right:7px; top:7px;} .sorting .sort li {float:left; padding:4px 6px 0 8px; background:url('/img/imfs/main/ico_bar.gif') no-repeat left 6px;} .sorting .sort li:hover {color:#333; text-decoration:underline;} .sorting .sort li.on {color:#d4382e;} .sorting .sort li.on a {color:#d4382e;} .sorting .sort li.menu {cursor:pointer;} .sorting .sort li:first-child {background:none;} .sorting .sort li:last-child {background:none; padding-right:0;} .sorting .sort li.type {background:none; padding:0 0 0 10px;} .sorting .sort li.type span {display:block; float:left; cursor:pointer; width:22px; height:21px; text-indent:-9999px; background:url('/img/imfs/main/btn_sort.gif') no-repeat;} .sorting .sort li.type span.photo {background-position:0 0;} .sorting .sort li.type span.photo:hover {background-position:0 -42px;} .sorting .sort li.type span.list {background-position:-22px 0;} .sorting .sort li.type span.list:hover {background-position:-22px -42px;} .sorting .sort li.type span.photo.on {background-position:0 -21px;} .sorting .sort li.type span.list.on {background-position:-22px -21px;} .sorting .sort li dl.select {margin-top:-4px;} .sorting .sort li select {vertical-align:top; margin-top:-4px;} /* 2018-03-22 수정 S */ .paging {width:100%; text-align:center; position:relative; clear:both; padding-top:30px;} .paging ol {text-align:center; overflow:hidden; margin:0 auto; *padding-left:170px;} .paging ol li {display:inline-block; *display:block; *float:left; *margin:0 3px; line-height:37px;} .paging ol li a {display:inline-block; *display:block; width:38px; height:39px; text-align:center; font-size:15px;font-weight:300;color:#333;border-top:1px solid #b6bdc7;border-bottom:1px solid #b6bdc7;border-left:1px solid #dfe5ed;text-decoration:none; vertical-align:middle;box-sizing:border-box;margin-left:-3px;} .paging ol li a:hover {background:#e8eef5;} .paging ol li.on {width:38px; height:39px;font-size:15px;text-align:center;font-weight:300;color:#fff;background:#333;border:1px solid #333;vertical-align:middle;box-sizing:border-box;margin-left:-3px;} .paging ol li.first a{border-left-color:#b6bdc7;} .paging ol li.last a{border-right:1px solid #b6bdc7;} .paging ol li.prevv a, .paging ol li.prev a, .paging ol li.next a, .paging ol li.nextt a {overflow:hidden; width:38px; height:39px; text-indent:-9999px; background:url('/img/imfs/main/btn_paging.png') no-repeat;border:0;} .paging ol li.prevv a {background-position:0 0;margin-left:0} .paging ol li.prev a {width:39px;background-position:-38px 0;margin:0 9px 0 -3px;} .paging ol li.next a {background-position:-79px 0;margin-left:6px} .paging ol li.nextt a {width:39px;background-position:-117px 0;margin-left:-3px;} .paging ol li.prevv a:hover {background-position:0 -41px;} .paging ol li.prev a:hover {background-position:-38px -41px;} .paging ol li.next a:hover {background-position:-79px -41px;} .paging ol li.nextt a:hover {background-position:-117px -41px;} .paging .page {position:absolute; right:0; top:28px; color:#959595;} /* 2018-03-22 수정 E */ /* quick_menu*/ /* quickWingWrap_20170512 */ .quickWingWrap {position:relative; top:15px; left:466px; width:70px; height:0; margin:0 auto;} .quickWingWrap.categoryWing {top:51px;} .quickWingWrap.productWing {top:40px; left:585px;} .quickWingWrap.mainWing {top:338px;} .quickWingWrap.docMainWing {top:15px;} /* mainLeftWingEvent_20171024 */ .wing_wrap {position:relative; width:1200px; height:0px; margin:0 auto; background-color:#fff;} /* 2017-11-07_상품상세개편 */ .wing_wrap .wing_section {position:absolute; top:0; bottom:0; left:1210px; width:70px; height:100%; min-height:100%; z-index:10;} /* 2017-11-07_상품상세개편 */ .wing_event {position:absolute; top:353px; width:70px; height:100%; min-height:185px;} .wing_event a {display:block;} .wing_wrap #productWingEvent {top:41px;} /* 2017-11-22_상품상세개편2차 */ .wing_wrap #listEvent {top:15px;} .wing_wrap #plantEvent {top:15px;} .wing_wrap #mypageEvent {top:36px;} #list_container {width:1200px; margin:15px auto 0; clear:both; overflow:hidden; position:relative; z-index:1; font-family: "Noto Sans KR";font-weight: 400;} /* 2018-03-22 수정 */ #list_container:after {display:block; content:""; clear:both;}/* 20171024_수정 */ #list_container > #history {margin-top:0;} /* 기존소스 #list_menu {width:183px; float:left; overflow:hidden;} #list_menu h3 {width:183px; color:#333; height:37px; overflow:hidden; text-indent:-9999px; background:url('/img/imfs/main/tit_sub.gif') no-repeat; clear:both;} #list_menu h3.bundle {background:url('/img/imfs/main/tit_bundle.gif') no-repeat;} #list_menu h4 {clear:both; padding:0 0 5px 6px;} #list_menu h5 {clear:both; color:#333; line-height:37px; padding-left:16px; font-weight:bold;} #list_menu .menu {border-left:1px solid #e4e4e4; padding:15px 3px 15px 10px; border-right:1px solid #e4e4e4;} #list_menu .menu ul {padding:0 0 0 6px; overflow:hidden; clear:both;} #list_menu .menu ul li {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #list_menu .menu ul.no li {background:none; padding-left:0;} #list_menu .menu ul.none {display:none;} #list_menu .menu ul li {padding-left:7px; color:#333; line-height:22px; background:url('/img/imfs/main/ico_depth_off.gif') no-repeat 0 6px;} #list_menu .menu ul li b {font-weight:normal;} #list_menu .menu ul li.on {background:url('/img/imfs/main/ico_depth_on.gif') no-repeat 0 6px;} #list_menu .menu ul li b.on {color:#d71e1e; font-weight:bold; letter-spacing:-1px;} #list_menu .menu ul li span {color:#999;} #list_menu .menu a {color:#333;} #list_menu .menu .on span {font-weight:normal;} #list_menu .menu p {color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:22px;} #list_menu .menu p a {color:#666;} #list_menu .menu p b {font-weight:normal;} #list_menu .menu p a:hover {color:#000;} #list_menu .menu p.depth1 {padding-left:7px; background:url('/img/imfs/main/ico_depth_off.gif') no-repeat 0 6px;} #list_menu .menu p.depth2 {padding-left:14px; background:url('/img/imfs/main/ico_depth_off.gif') no-repeat 7px 6px;} #list_menu .menu p.depth3 {padding-left:21px; background:url('/img/imfs/main/ico_depth_off.gif') no-repeat 14px 6px;} #list_menu .menu p.depth4 {padding-left:28px; background:url('/img/imfs/main/ico_depth_off.gif') no-repeat 21px 6px;} #list_menu .menu p.depth5 {padding-left:35px; background:url('/img/imfs/main/ico_depth_off.gif') no-repeat 28px 6px;} #list_menu .menu p.on {color:#d71e1e; background-image:url('/img/imfs/main/ico_depth_on.gif');} #list_menu .menu p.on a {color:#d71e1e;} #list_menu .menu p.last {background:none;} #list_menu .menu p.on.last {background:none;} #list_menu .menu p.on b {font-weight:bold; letter-spacing:-1px;} #list_menu .menu p.last b {font-weight:normal;} #list_menu .menu p.last.on b {font-weight:bold;} #list_menu .menu p span {color:#959595;} #list_menu .price_graph {border:1px solid #e4e4e4;} #list_menu .price_graph p {padding:15px 0 15px 16px;} #list_menu .price_graph input {width:60px; text-align:right; padding-right:3px; line-height:19px; height:19px; border:1px solid #ccc;} #list_menu .ui-slider {width:149px; position:relative; height:14px; margin-left:15px; background:url('/img/imfs/main/bg_bar.gif') no-repeat 0 0;} #list_menu .ui-slider a {outline:0;} #list_menu .ui-slider .ui-slider-range {position:absolute; top:3px; left:0; z-index:1; width:140px; background:url('/img/imfs/main/bg_graph.gif') repeat-x; height:8px;} #list_menu .ui-slider .ui-slider-handle {position:absolute; z-index:2; left:0; top:0; width:14px; height:14px; background:url('/img/imfs/main/btn_cir.png') no-repeat; display:block; overflow:hidden; cursor:pointer;} #list_menu .ui-slider .ui-state-active {background-position:0 -14px;} #list_menu .ui-slider .ui-slider-handle {margin-left:-1px;} input {outline:0;} #list_menu .ui-slider a:nth-child(3) {margin-left:-10px;} #list_menu .section {border:1px solid #e4e4e4; border-top:0; padding-bottom:15px;} #list_menu .section .scroll {width:149px; margin:0 auto; height:110px; overflow:auto;} #list_menu .section .scroll ul {width:120px;} #list_menu .section .scroll ul li {line-height:22px; font-size:11px;} #list_menu .section .scroll ul li input {vertical-align:-2px; margin-right:2px;} #list_menu .section .scroll_no {width:149px; margin:0 auto; overflow:auto;} #list_menu .section .scroll_no ul {width:120px;} #list_menu .section .scroll_no ul li {line-height:22px;} #list_menu .section .scroll_no ul li input {vertical-align:-2px; margin-right:2px;} #list_menu .banner {margin-top:10px; clear:both;} #list_menu .search {width:100%; clear:both; margin-top:14px;} #list_menu .search input {width:136px; color:#333; padding-left:5px; line-height:21px; float:left; height:20px; border:1px solid #ccc; border-right:0;} #list_menu .search input.hintText {color:#ddd;} #list_menu .search button {width:41px; float:left; height:22px; line-height:22px; text-align:center; border:1px solid #ccc; background:url('/img/imfs/main/bg_button.gif') repeat-x left top;} #list_menu .search button:hover {border:1px solid #aaa;} */ /* 2018-03-22 리뉴얼 S */ #list_menu{width:200px; float:left; overflow:hidden;} #list_menu .snb{border:1px solid #bbb;margin-bottom:20px;padding:20px 10px 20px 20px;} #list_menu .snb > li{margin-top:12px;} #list_menu .snb > li:first-child{margin-top:0;} #list_menu .snb > li > h2{position:relative;} #list_menu .snb > li > h2 a{font-family: "Noto Sans KR";font-weight: 500;font-size:14px;letter-spacing:-1px;color:#000;} #list_menu .snb > li > h2 a:hover{text-decoration:none;} #list_menu .snb > li > h2 .arrow{content:'';display:block;position:absolute;right:0;top:6px;width:12px;height:7px;background:url('/img/imfs/category_list/snb_arrow.jpg') no-repeat 0 -9px;cursor:pointer;} #list_menu .snb > li > h2.on a{color:#db473b;} #list_menu .snb > li > h2.on .arrow{background-position:0 0;} #list_menu .snb > li > ul{display:none;padding:15px 10px;} #list_menu .snb > li > ul li{margin-top:10px;} #list_menu .snb > li > ul li:first-child{margin-top:0;} #list_menu .snb > li > ul li a{font-size:14px;font-weight: 300;color:#000;} #list_menu .snb > li:last-child > ul{padding-bottom:0;} #list_menu .banner_box a{display:block;margin-bottom:10px;} /* 2018-03-22 리뉴얼 E */ #list_content {width:980px; float:left; margin-left:20px; overflow:hidden;} /* 2018-03-22 수정 */ #list_content .sub_banner {width:769px; overflow:hidden; position:relative;} #list_content h3 {border-top:2px solid #e4e4e4; padding:10px 0 10px 0;font-family: "Noto Sans KR"; font-weight: 500;font-size:18px; clear:both; width:100%; color:#333;} #list_content h3.line {border-bottom:0;} #list_content h3.banner {border-top:0; border-bottom:0;} #list_content h3.result {font-weight:normal; color:#666; font-size:12px;} #list_content h3.result b {color:#d71e1e; font-size:14px;} #list_content .slideRecent {width:767px; border:1px solid #e4e4e4; height:191px; position:relative; overflow:hidden; clear:both;} #list_content .slideRecent .scroll {width:961px; height:190px; overflow:hidden;} #list_content .slideRecent .scroll ul li {width:191px; float:left; position:relative;} #list_content .slideRecent .scroll ul li a {display:block; width:160px; margin:0 auto;} #list_content .slideRecent .scroll ul li img {width:110px; height:110px; display:block; margin:8px auto 0 auto;} #list_content .slideRecent .scroll ul li h5, #list_content .slideRecent .scroll ul li p {margin:0 auto; width:160px;} #list_content .slideRecent .scroll ul li p.priceLayer a.colorA {position:relative; font-size:12px; background-color:#fff; text-decoration:none; display:block; text-align:center; color:#666; font-weight:bold; width:70px; height:22px; line-height:23px; border:1px solid #cccccc; border-right-color:#8f8f8f; border-bottom-color:#8f8f8f;} #list_content .slideRecent .scroll ul li p.priceLayer a.colorB {position:relative; font-size:12px; background-color:#d4382e; text-decoration:none; display:block; text-align:center; color:#fff; font-weight:bold; width:70px; height:22px; line-height:23px; border:1px solid #d4382e; border-right-color:#d4382e; border-bottom-color:#d4382e;} #list_content .slideRecent .scroll ul li p.priceLayer a:hover {background-color:#888; border-color:#888; color:#fff;} #list_content .slideRecent .scroll ul li h5 {font-size:12px; white-space:nowrap; text-overflow:ellipsis; line-height:16px; height:16px; overflow:hidden; margin-top:8px;} #list_content .slideRecent .scroll ul li h5 a {color:#333;} #list_content .slideRecent .scroll ul li p.info {color:#333; font-size:12px; text-overflow:ellipsis; line-height:16px; height:32px; overflow:hidden; margin-top:8px; word-break:break-all;} #list_content .slideRecent .scroll ul li p.info a {color:#333;} #list_content .slideRecent .scroll ul li p.price {color:#f14949; font-weight:bold; text-align:left; padding-top:5px;} #list_content .slideRecent .scroll ul li div.discount {position:absolute; top:8px; left:122px; width:42px; height:39px; text-align:center; background:url('/img/imfs/main/sm_price_point_new.png') no-repeat;}/* 20170920_UI개선 */ #list_content .slideRecent .scroll ul li div.discount span {display:inline-block; position:relative; margin-top:8px; font-family:Arial; font-size:18px; color:#fff; letter-spacing:-1px;}/* 20170920_UI개선 */ #list_content .slideRecent .scroll ul li div.discount span.per {margin-left:1px; font-size:14px;}/* 20170920_UI개선 */ #list_content .slideRecent .scroll ul li div.bakImageOverWrap {background:url('/img/imfs/main/bakImgOverWrap.png') no-repeat; position:absolute; margin:0px 10px; width:171px; height:16px; top:97px; display:none;} #list_content .slideRecent .scroll ul li div.bakImageOverWrap a {width:85px; height:16px; float:left; overflow:hidden;} #list_content .slideRecent .prev {background:url('/img/imfs/main/btn_slide_btn.png') no-repeat 0 0; display:block; cursor:pointer; text-indent:-9999px; width:37px; height:37px; position:absolute; left:0px; top:66px; z-index:1;} #list_content .slideRecent .prev:hover {background-position:-37px 0;} #list_content .slideRecent .next {background:url('/img/imfs/main/btn_slide_btn.png') no-repeat 0 -37px; display:block; cursor:pointer; text-indent:-9999px; width:37px; height:37px; position:absolute; right:0px; top:66px; z-index:1;} #list_content .slideRecent .next:hover {background-position:-37px -37px;} #list_content .slideRecent .noDataView {height:191px; width:190px; background:url('/img/imfs/main/tab_new_bg_nosearch.jpg') no-repeat} #list_content .slide {width:100%; position:relative; margin-bottom:30px; border-bottom:1px solid #e4e4e4; border-top:1px solid #333; border-left:0; border-right:0; height:209px; overflow:hidden; clear:both;} #list_content .slide .scroll {width:716px; margin:0 auto; overflow:hidden; height:209px;} #list_content .slide .scroll ul li {width:179px; height:209px; float:left;} #list_content .slide .scroll ul li img {width:110px; height:110px; display:block; margin:8px auto 0 auto;} #list_content .slide .scroll ul li h5, #list_content .slide .scroll ul li p {margin:0 auto; width:140px;} #list_content .slide .scroll ul li h5 {font-weight:bold; white-space:nowrap; text-overflow:ellipsis; color:#333; line-height:18px; height:18px; overflow:hidden; margin-top:8px;} #list_content .slide .scroll ul li p.info {color:#999; overflow:hidden; line-height:16px; height:32px;} #list_content .slide .scroll ul li p.price {color:#f14949; font-weight:bold; text-align:right;} #list_content .slide .prev {background:url('/img/imfs/main/btn_slide_btn.gif') no-repeat 0 0; display:block; cursor:pointer; text-indent:-9999px; width:37px; height:37px; position:absolute; left:0; top:80px;} #list_content .slide .prev:hover {background-position:-37px 0;} #list_content .slide .next {background:url('/img/imfs/main/btn_slide_btn.gif') no-repeat 0 -37px; display:block; cursor:pointer; text-indent:-9999px; width:37px; height:37px; position:absolute; right:0; top:80px;} #list_content .slide .next:hover {background-position:-37px -37px;} #listWrap {width:100%; clear:both; } #listWrap:after {display:block; content:""; clear:both;} #listWrap .list {width:100%; overflow:hidden; clear:both; height:130px; border-bottom:1px solid #e4e4e4; padding:20px 0; position:relative;} #listWrap .list .img {float:left; width:160px; text-align:center; position:relative; line-height:110px;} #listWrap .list .img img {display:block; max-width:160px; max-height:160px; margin:0 0 0 7px;} #listWrap .list .img img.small {display:inline-block; width:130px; height:130px;} #listWrap .list .img img.big {display:none;} #listWrap .list .img .ico_b {width:41px; display:none; height:47px; left:34px; top:-1px; overflow:hidden; position:absolute; z-index:1; background:url('/img/imfs/main/point_bg.png') no-repeat;} #listWrap .list.rep .img .ico_b {display:block;} #listWrap .list .img input {position:absolute; left:5px; top:0px;} #listWrap .list .info {float:left; width:298px;} #listWrap .list .info h5 {font-weight:bold; color:#333; font-family:Gulim; line-height:16px; overflow:hidden; height:32px; margin-top:5px;} #listWrap .list .info h5 b {color:#f14949;} #listWrap .list .info h5 a {color:#333;} #listWrap .list .info h5 span.ico img {margin-top:-3px; vertical-align:middle;} #listWrap .list .info .txt {color:#999; overflow:hidden; line-height:16px; height:16px;} #listWrap .list .info .option {margin-top:6px; color:#959595; font-size:12px; line-height:16px; height:32px; overflow:hidden;} #listWrap .list .info .option span {color:#333;} #listWrap .list .info .link {padding-top:10px; color:#959595;} #listWrap .list .info .link a {padding-right:6px; color:#959595; display:inline-block; background:url('/img/imfs/main/arrow_link.gif') no-repeat right 4px;} #listWrap .list .infoSol {float:left; width:400px;} #listWrap .list .infoSol h5 {overflow:hidden; height:48px; margin-top:5px; font-family:Dotum; color:#333; line-height:15px;} #listWrap .list .infoSol h5 b {color:#f14949;} #listWrap .list .infoSol h5 a {color:#333; font-weight:normal; font-size:13px;} #listWrap .list .infoSol h5 span.ico img {margin-top:-3px; vertical-align:middle;} #listWrap .list .infoSol .txt {color:#999; overflow:hidden; line-height:16px; height:16px;} #listWrap .list .infoSol .option {margin-top:0px; color:#959595; line-height:16px; height:29px; overflow:hidden;} #listWrap .list .infoSol .option span {color:#333;} #listWrap .list .infoSol .link {padding-top:6px; color:#959595;} #listWrap .list .infoSol .link a {color:#959595; display:inline-block;} #listWrap .list .point {float:left; width:38px; line-height:20px; color:#999; display:none;} #listWrap .list .point span {margin-bottom:5px; background:url('/img/imfs/main/ico_point.gif') no-repeat; height:14px; font-size:11px; line-height:15px; overflow:hidden; display:block; padding-left:38px;} #listWrap .list .point span b {display:none;} #listWrap .list .point span.ico_point {background-position:0 0;} #listWrap .list .point span.ico_coupon {background-position:0 -14px;} #listWrap .list .point span.ico_md {background-position:0 -28px;} #listWrap .list .point span.ico_best {background-position:0 -42px;} #listWrap .list .point span.ico_day {background-position:0 -56px;} #listWrap .list .point span.ico_hot {background-position:0 -70px;} #listWrap .list .price {line-height:18px; float:left; width:115px; text-align:right;} #listWrap .list .price span {color:#999;} #listWrap .list .price .cost_price {font-size:11px; color:#959595; text-decoration:line-through;} #listWrap .list .price .discount_per {} #listWrap .list .price .deliver_info {margin-top:20px;} #listWrap .list .price .deliver_info .free {font-size:11px; color:#959595; text-decoration:none;} #listWrap .list .price b {color:#f14949; line-height:7px;} #listWrap .list .price b strong {display:block;} #listWrap .list .price p.ico_point {text-align:right; margin-top:4px; font-size:11px; overflow:hidden; display:block; color:#959595;} #listWrap .list .price p.ico_point b {display:inline-block; vertical-align:middle; margin-top:-2px; background:url('/img/imfs/main/ico_point.gif') no-repeat; width:40px; overflow:hidden; text-indent:999px; font-size:0; line-height:0; color:#fff; height:14px;} #listWrap div.btn div.sale_bar span.sale_bar {margin-right:2px; width:5px; height:11px; display:inline-block;} #listWrap div.btn div.sale_bar span.sale_bar.on {background:url('/img/imfs/main/sale_bar_on.gif') no-repeat;} #listWrap div.btn div.sale_bar span.sale_bar.off {background:url('/img/imfs/main/sale_bar_off.gif') no-repeat;} #listWrap .list .priceEa {float:left; width:110px; height:100%; color:#999; font-size:11px; position:relative; text-align:center} #listWrap .list .priceEa:after {display:inline-block; content:""; height:100%; vertical-align:middle} #listWrap .list .priceEa span {display:inline-block; vertical-align:middle;} #listWrap .list .priceEa .calculators {float:right; margin-right:-10px;} #listWrap .list .priceEa p.txt {padding-top:0;} #listWrap.photo .list .priceEa {display:none;} #listWrap .list .ea {float:left; width:118px; color:#999; font-size:11px; position:relative; text-align:right} #listWrap .list .ea p {clear:both; padding-top:4px;} #listWrap .list .ea .calculators {float:right; margin-right:-10px;} #listWrap .list .ea p.txt {padding-top:0;} #listWrap .list div.btn {float:right; width:72px; padding-right:7px;} #listWrap .list .point, #listWrap .list .price, #listWrap .list .ea {padding-top:25px;} #listWrap .list .model {display:none;} #listWrap .list div.btn a {margin-bottom:8px; background-color:#fff; text-decoration:none; display:block; text-align:center; color:#666; font-weight:bold; width:67px; height:19px; padding-top:1px; line-height:19px; border:1px solid #cccccc; border-right-color:#8f8f8f; border-bottom-color:#8f8f8f;} #listWrap .list div.btn a:hover {background-color:#888; border-color:#888; color:#fff;} #listWrap .list div.btn a.basket {background-color:#f14949; border:1px solid #f14949; color:#fff; border-right-color:#d92d2d; border-bottom-color:#d92d2d;} #listWrap .list div.btn a.basket:hover {background-color:#d71e1e; border-right-color:#c40808; border-bottom-color:#c40808; color:#fff;} #listWrap .list div.btn a.soldOut {border:1px solid #626161; background:url('/img/imfs/main/btn_list.png') #777 no-repeat 0 -30px; color:#fff; z-index:1000;} #listWrap .list div.btn a.blank, #listWrap .list div.btn a.more, #listWrap .list div.btn a.magnifier {display:none;} #listWrap.photo .infoSol {position:relative; width:auto; margin-top:10px; padding-top:21px;} #listWrap .list .link_mask {display:block; width:130px; height:130px; left:18px; top:15px; background:url('/img/imfs/main/none.png') repeat; z-index:3; position:absolute;} /*#listWrap.photo {background:url('/img/imfs/main/line_list.gif') repeat;}*/ #listWrap.photo .list .link_mask {display:block; top:19px; left:20px; width:160px; height:160px;} #listWrap.photo .list {width:25%; float:left; clear:none; border-bottom:0; height:260px; margin-top:0px; border-bottom:1px solid #e4e4e4;} #listWrap.photo .list .link {display:block;} #listWrap.photo .list div {float:none;} #listWrap.photo .list .info h5 {width:155px; margin-left:20px; margin-top:6px;} #listWrap.photo .list .info h5 b {position:absolute; display:block; z-index:5; left:21px; top:14px; padding:0 4px; line-height:23px; height:18px; font-weight:bold; font-size:11px; background-color:#f14949; color:#fff;} #listWrap.photo .list .info h5 span.ico {display:none;} #listWrap.photo .list .info .option {margin-left:20px; width:160px; overflow:hidden; margin-bottom:5px; height:16px;} #listWrap.photo .list .info .link, #listWrap.photo .list .info .txt, #listWrap.photo .list .ea {display:none;} #listWrap.photo .list .price .free {display:none;} #listWrap.photo .list .infoSol h5 {width:155px; margin:0; padding:0 20px; height:30px;} #listWrap.photo .list .infoSol h5 a {}/* display:block; */ #listWrap.photo .list .infoSol h5 b {display:block; position:absolute; top:0px; left:20px; height:13px; padding:5px 4px 0; font-weight:bold; font-size:11px; color:#fff; line-height:13px; vertical-align:top; background-color:#f14949; z-index:5;} #listWrap .list.rep .img .ico_b b {position:absolute; display:block; z-index:5; left:21px; top:14px; padding:0 4px; line-height:23px; height:18px; font-weight:bold; font-size:11px; background-color:#f14949; color:#fff;} #listWrap.photo .list .infoSol h5 span.ico {}/* display:block; */ #listWrap.photo .list .infoSol .option {display:none;} #listWrap.photo .list .infoSol .link, #listWrap.photo .list .infoSol .txt {display:none;} #listWrap.photo .list .price {position:absolute; bottom:0; right:13px; width:165px; padding:0; text-align:right; line-height:14px;} #listWrap.photo .list .price p.ico_point {margin-right:2px; margin-top:3px;} #listWrap.photo .list .price b strong {display:inline;} #listWrap.photo .list .price .onedelv {position:absolute; top:5px; left:0;} #listWrap.photo .list .price .total_won {margin-top:3px;} #listWrap.photo .list .model {margin-left:20px; width:165px; overflow:hidden; height:32px; padding:0; right:13px; display:block} #listWrap.photo .list .img {width:181px; float:none; clear:both;} #listWrap.photo .list .img img {width:160px; height:160px; margin:-1px 0 0 21px} #listWrap.photo .list .img img.big {display:block;} #listWrap.photo .list .img img.small {display:none;} #listWrap.photo .list .img input {position:absolute; left:0; top:2px;} #listWrap.photo .list .ico_b {width:41px; height:57px; left:21px; background:url('/img/imfs/main/point_bg.png') no-repeat;} #listWrap.photo div.btn {display:none; position:absolute; left:20px; top:19px; width:160px; height:160px; padding-right:0; background:url('/img/imfs/main/mask_list.png') no-repeat;} #listWrap.photo div.btn a {position:absolute; text-indent:-9999px; left:32px; z-index:3; border:0; top:130px; background:url('/img/imfs/main/btn_list.png') no-repeat; height:26px; width:30px;} #listWrap.photo div.btn a:hover {background-color:none;} #listWrap.photo div.btn a.buy, #listWrap.photo div.btn a.more, #listWrap.photo div.btn div.mdRecom, #listWrap.photo div.btn div.sale_bar{display:none;} #listWrap.photo .list.rep div.btn a.more {display:none;} #listWrap.photo div.btn a.blank {display:block; left:33px; background-position:0 -30px;} #listWrap.photo div.btn a.basket {width:80px; left:70px; background-position:0 -60px; background:url('/img/imfs/main/btn_list.png') no-repeat -80px -60px; border:0px;} #listWrap.photo div.btn a.magnifier {display:block; left:0px; background-position:0 0;} #listWrap.photo div.btn a.blank:hover {background:url('/img/imfs/main/btn_list.png') no-repeat -80px -30px;} #listWrap.photo div.btn a.basket:hover {background:url('/img/imfs/main/btn_list.png') no-repeat -80px -60px;} #listWrap.photo div.btn a.magnifier:hover {background:url('/img/imfs/main/btn_list.png') no-repeat -80px 0;} #listWrap.photo .list:hover div.btn {display:block;} #listWrap.photo .list .point {padding-top:5px;} #listWrap.photo .list .btn {padding-top:0px;} #listWrap.photo .list .ea {padding-top:0px;} #listWrap a.btn_q {position:absolute; font-size:12px; right:7px; top:67px; margin-bottom:8px; padding:0; margin:0; background-color:#fff; text-decoration:none; display:block; text-align:center; color:#666; font-weight:bold; width:70px; height:22px; padding-top:1px; line-height:23px; border:1px solid #cccccc; border-right-color:#8f8f8f; border-bottom-color:#8f8f8f;} #listWrap a.btn_q:hover {background-color:#888; border-color:#888; color:#fff;} #listWrap.photo a.btn_q {position:absolute; width:64px; padding-left:1px; right:14px; top:262px; font-weight:normal; padding:3px 0 0 0; font-size:11px; border-radius:1px; vertical-align:middle; font-size:11px; white-space:nowrap; background:url('/img/imfs/main/bg_btn.gif') repeat-x left bottom #fff; line-height:16px; text-decoration:none; height:16px; display:inline-block; text-align:center; overflow:hidden; color:#666; border:1px solid #dfdfdf; border-right-color:#b0b1b5; border-bottom-color:#b0b1b5;} #listWrap.photo a.btn_q:hover {border:1px solid #aaa; border-right-color:#777; border-bottom-color:#777; color:#333;} #listWrap a.btn_red {position:absolute; font-size:12px; right:7px; top:67px; margin-bottom:8px; padding:0; margin:0; background-color:#f14949; text-decoration:none; display:block; text-align:center; color:#666; font-weight:bold; width:70px; height:22px; padding-top:1px; line-height:23px; border:1px solid #f14949; color:#fff; border-right-color:#d92d2d; border-bottom-color:#d92d2d;} #listWrap a.btn_red:hover {background-color:#d71e1e; border-right-color:#c40808; border-bottom-color:#c40808; color:#fff;} #search_no {width:100%; clear:both;} #search_no h2 {text-align:center;} #search_no h2 b {height:22px; color:#d71e1e; font-size:22px; font-weight:bold; overflow:hidden; padding-right:290px; line-height:22px; display:inline-block; background:url('/img/imfs/main/txt_search_no.gif') no-repeat right 0;} #search_no h3.today_prod {height:43px; margin-top:23px; background:url('/img/imfs/main/tit_today_prod.gif') no-repeat; overflow:hidden;} #search_no h3.today_prod b {display:none;} #search_no .slide {border-top:1px solid #333; height:205px;} #search_no .slide h5 {font-weight:bold;} #search_no .slide h5 a {color:#333;} #search_no .slide .info a {color:#959595;} #search_no .slide .next, #search_no .slide .prev {top:80px;} #search_no .box_no {border:1px solid #e4e4e4; clear:both; overflow:hidden; padding-top:107px; background:url('/img/imfs/main/ico_search_no.gif') no-repeat 450px 40px;} #search_no .box_no .line {height:1px; margin-top:40px; clear:both; background:url('/img/imfs/main/dotted_b.gif') repeat-x; overflow:hidden; font-size:0;} #search_no .box_no .txt {text-align:center; padding-top:5px; clear:both; padding-bottom:40px;} #search_no .box_no .txt_bot {background-color:#f6f6f6; padding:9px 0 9px 15px;} #search_no .box_no .txt_bot a {margin-left:5px;} #search_no ul.dot {width:434px; padding:7px 0 4px 0; overflow:hidden; margin:0 auto; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;} #search_no ul.dot li {background:url('/img/imfs/main/dot.gif') no-repeat 0 8px; padding:3px 0 4px 10px; line-height:15px;} #search_no ul.dot li b {color:#333;} #search_no ul.dot li .link {text-decoration:underline; color:#0d75b1;} #search_no ul.dot li span.txt {color:#0d75b1;} /* 20171025 */ .img_top_wrap {margin-bottom:15px;} .img_top_wrap img {width:961px; height:250px; vertical-align:top;} /* 2018-03-22 리뉴얼 S */ #list_container .tit_type{font-family: "Noto Sans KR";font-weight: 500;font-size:20px;border-bottom:1px solid #333;padding-bottom:10px;margin-top:50px;letter-spacing:-1px;} #list_container .tit_category_wrap{clear:both;overflow:hidden;margin-top:16px;} #list_container .tit_category_wrap .tit{float:left;width:860px;font-family: "Noto Sans KR";font-size:28px;font-weight: 400;letter-spacing:-1px;color:#333;padding-left:18px;} #list_container .tit_category_wrap .tit span{font-size:18px;font-weight: 300;color:#666;} #list_container .tit_category_wrap .sch_box{float:right;} #list_container .tit_category_wrap .sch_box .inp_sch{width:280px;height:30px;line-height:30px;border:1px solid #bbb;padding:0 10px;font-family: "Noto Sans KR";font-weight: 500;color:#333;font-size:13px;box-sizing:border-box;} #list_container .tit_category_wrap .sch_box .inp_sch[placeholder]{color:#959595;font-weight:300;} #list_container .tit_category_wrap .sch_box .inp_sch:focus{border-color:#333;font-weight:500;color:#333;} #list_container .tit_category_wrap .sch_box .btn_sch{display:inline-block;width:30px;height:30px;background:url('/img/imfs/category_list/btn_sch.png') no-repeat;font-size:0;color:transparent;vertical-align:middle;margin-left:6px;} #list_container .tit_result{float:left;width:860px;font-family: "Noto Sans KR";font-size:22px;color:#333;font-weight: 400;letter-spacing:-1px;padding-left:18px;} #list_container .tit_result .txt{font-size:28px;color:#f14949;} #list_container .tit_result span{font-weight: 300;} #list_container .tit_result .num{color:#f14949;font-weight: 500;} #list_container .tit_result.type_line{float:inherit;width:auto;border-bottom:1px solid #333;padding-bottom:10px;margin-top:14px;} #list_container .filter_wrap{border:1px solid #aaa;margin-top:10px;letter-spacing:-1px;} #list_container .filter_wrap dl{position:relative;padding-left:182px;border-bottom:1px solid #ccc} #list_container .filter_wrap dl dt{position:absolute;left:-1px;top:-1px;width:182px;height:100%;border:1px solid #4a4d58;border-right:0;background:#4a4d58;} #list_container .filter_wrap dl dt a{display:block;color:#fff;font-size:15px;padding:20px 0 0 20px;} #list_container .filter_wrap dl dt a:hover{text-decoration:none;} #list_container .filter_wrap dl dt a em.arrow{content:'';display:block;position:absolute;right:10px;top:25px;width:12px;height:6px;background:url('/img/imfs/category_list/filter_arrow.png') no-repeat 0 -8px;} #list_container .filter_wrap dl dt.active{background:#222630;border-color:#222630} #list_container .filter_wrap dl dt.active em.arrow{background-position:0 0;} #list_container .filter_wrap dl dd{height:50px;overflow:hidden;padding:10px 0;box-sizing:border-box;} #list_container .filter_wrap dl dd ul li{width:166px;display:inline-block;line-height:31px;padding-left:12px;box-sizing:border-box;} #list_container .filter_wrap dl dd ul li a{font-size:14px;font-weight:300;padding:0 8px 2px;color:#000;} #list_container .filter_wrap dl dd ul li a em{font-size:12px;color:#777;} #list_container .filter_wrap dl dd ul li a.on{background:#f14949;color:#fff;} #list_container .filter_wrap dl dd ul li a.on em{color:#fff;} #list_container .filter_wrap dl dd ul li a.on:hover{text-decoration:none;} #list_container .filter_wrap .brand{border-bottom-color:#e1e1e1;} #list_container .filter_wrap .brand dt{border-top:1px solid #575a66;} #list_container .filter_wrap .brand dt.active,#list_container .filter_wrap .benefit dt{border-top-color:#575a66;} #list_container .filter_wrap .benefit dt a{pointer-events:none;cursor:default;font-size:13px;} #list_container .filter_wrap .benefit dd{overflow:hidden;} #list_container .filter_wrap .benefit dd .sort{float:left;width:660px;} #list_container .filter_wrap .benefit dd .sort li{width:auto;} #list_container .filter_wrap .benefit dd .range{float:right;width:347px;height:50px;line-height:47px;border-left:1px solid #e1e1e1;margin:-10px 0;text-align:center;} #list_container .filter_wrap .benefit dd .range .inp_range{width:117px;height:30px;line-height:28px;border:1px solid #bbb;padding:0 8px;text-align:right;font-family: "Noto Sans KR";font-weight: 500;color:#333;font-size:13px;box-sizing:border-box;} #list_container .filter_wrap .benefit dd .range .inp_range:focus{border-color:#333;} #list_container .filter_wrap .benefit dd .range em{margin:0 4px;} #list_container .filter_wrap .benefit dd .range .btn_sch{display:inline-block;width:30px;height:30px;background:url('/img/imfs/category_list/btn_sch.png') no-repeat;font-size:0;color:transparent;vertical-align:middle;margin-left:6px;} #list_container .filter_wrap .search_word{background:#f7f7f7;padding:18px;} #list_container .filter_wrap .search_word *{display:inline-block;} #list_container .filter_wrap .search_word .btn_reset{font-size:14px;background:url('/img/imfs/category_list/icon_reset.png') no-repeat 0 1px;color:#333;padding-left:20px;} #list_container .filter_wrap .search_word .word_list{border-left:1px solid #e1e1e1;margin-left:16px;padding-left:20px;} #list_container .filter_wrap .search_word .word_list li{font-size:14px;color:#f14949;font-weight: 500;margin-right:26px;} #list_container .filter_wrap .search_word .word_list .btn_del{width:13px;height:13px;background:url('/img/imfs/category_list/btn_del.png') no-repeat;font-size:0;color:transparent;vertical-align:middle;margin:-2px 0 0 2px;} #list_container .filter_wrap .search_word .word_list .btn_del:hover{background:url('/img/imfs/category_list/btn_del_hover.png') no-repeat;} #list_container .flag_type{position:absolute;left:0;top:0;width:40px;height:40px;font-size:0;color:transparent;} #list_container .flag_type.today_delv{background:url('/img/imfs/new_product_detail/ico_sm_todaydelivery.jpg') no-repeat;} /* 오늘배송 */ #list_container .flag_type.best{background:url('/img/imfs/new_product_detail/ico_sm_best.jpg') no-repeat;} /* BEST */ #list_container .flag_type.big_sale{background:url('/img/imfs/new_product_detail/ico_sm_bigsale.jpg') no-repeat;} /* 대량할인 */ #list_container .flag_type.hot_sale{background:url('/img/imfs/new_product_detail/ico_sm_hotsale.jpg') no-repeat;} /* HOT SALE */ #list_container .flag_type.md_recomm{background:url('/img/imfs/new_product_detail/ico_sm_md.jpg') no-repeat;} /* MD 추천 */ #list_container .flag_type.one_plus{background:url('/img/imfs/new_product_detail/ico_sm_oneplus.jpg') no-repeat;} /* 1+1 */ #list_container .dsc_wrap{background:#dfe3e7;padding:11px 30px 20px;} #list_container .dsc_wrap .tit{font-size:28px;color:#000;letter-spacing:2px;font-weight: 400;padding:0;border:0;margin-bottom:8px;} #list_container .dsc_wrap .tit span{font-size:16px;color:#5f6365;letter-spacing:-1px;margin-left:6px;font-weight: 300;} #list_container .dsc_wrap .txt_box{overflow:hidden;} #list_container .dsc_wrap .txt_box .img_box{position:relative;float:left;width:460px;} #list_container .dsc_wrap .txt_box .img_box .watermark{position:absolute;right:0;bottom:0;width:141px;height:27px;background:url('/img/imfs/category_list/img_watermark.png') no-repeat;font-size:0;color:transparent;} #list_container .dsc_wrap .txt_box dl{float:left;width:460px;height:120px;background:#fff;padding:18px;box-sizing:border-box;} #list_container .dsc_wrap .txt_box dl dt{font-size:16px;color:#000;font-weight: 500;margin-bottom:8px;} #list_container .dsc_wrap .txt_box dl dd{font-size:13px;color:#3f5050;font-weight: 300;line-height:20px;} #list_container .dsc_wrap .txt_box a:hover dl dt,#list_container .dsc_wrap .txt_box a:hover dl dd span{text-decoration:underline} #list_container .relation_keyword{margin-top:20px;overflow:hidden;} #list_container .relation_keyword dt,#list_container .relation_keyword dd{float:left;letter-spacing:-1px;} #list_container .relation_keyword dt{width:100px;font-size:16px;color:#333;} #list_container .relation_keyword dd{width:880px;line-height:20px;} #list_container .relation_keyword dd a{margin-right:26px;font-size:13px;font-weight: 300;color:#333;} #list_container .slide_type{margin-top:15px;padding:0 18px;border:1px solid #ccc;} #list_container .slide_type .slick-slide{position:relative;border-right:1px solid #ccc;box-sizing:border-box;} #list_container .slide_type .slick-slide a:hover:after {content:'';display:block;position:absolute;left:0;top:0;width:154px;height:140px;border:1px solid #292929;z-index:10;} #list_container .slide_type .slick-slide img{display:block;width:155px;height:142px;margin:0 auto;} #list_container .slide_type .slick-arrow{display:block; position:absolute; top:0; width:20px; height:142px;cursor:pointer; z-index:1; text-indent:-9999px;background:#fff;} #list_container .slide_type .slick-prev{left:-2px;border-right:1px solid #ccc;} #list_container .slide_type .slick-next{right:-2px;width:21px;border-left:1px solid #ccc;} #list_container .slide_type .slick-prev:before, #list_container .slide_type .slick-next:before{content:'';display:block;position:absolute;top:0;width:1px;height:142px;background:#ccc;} #list_container .slide_type .slick-prev:before{left:1px;} #list_container .slide_type .slick-next:before{right:1px;} #list_container .slide_type .slick-prev:after, #list_container .slide_type .slick-next:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:20px;background:url('/img/imfs/category_list/banner_arrow.png') no-repeat;margin:-10px 0 0 -6px;} #list_container .slide_type .slick-prev:after{background-position:0 0;margin-left:-5px;} #list_container .slide_type .slick-next:after{background-position:100% 0} #list_container .slide_type .slick-prev:hover:after{background-position:0 -22px;} #list_container .slide_type .slick-next:hover:after{background-position:100% -22px} #list_container .slide_type02{position:relative;margin-top:20px;} #list_container .slide_type02 .img_box{position:relative;width:178px;border:1px solid #fff;margin:0 8px;} #list_container .slide_type02 .img_box img{margin:0 auto;} /*2020-06-01 하단 장바구니 영역 색상변경*/ #list_container .slide_type02 .img_box .btns{display:none;position:absolute;left:0;bottom:0;width:100%;height:29px;line-height:29px;background:url('/img/imfs/category_list/bg_prd_hover.png') repeat;text-align:center;background-image:none;background-color:#f46d6d;background-blend-mode:multiply;opacity:0.8;} #list_container .slide_type02 .img_box .btns a{display:inline-block;height:14px;font-size:0;color:transparent;vertical-align:middle;} #list_container .slide_type02 .img_box .btns .btn_cart{width:20px;background:url('/img/imfs/category_list/btn_cart.png') no-repeat;} #list_container .slide_type02 .img_box .btns .btn_buy{width:22px;background:url('/img/imfs/category_list/btn_buy.png') no-repeat;margin-left:24px;} #list_container .slide_type02 .img_box:hover{border-color:#f46d6d;} #list_container .slide_type02 .img_box:hover .btns{display:block;} #list_container .slide_type02 .info_box{width:172px;height:48px;margin:10px auto 0;} #list_container .slide_type02 .info_box .tit{display:block;font-size:14px;color:#777;margin-bottom:0;} #list_container .slide_type02 .info_box .amt{display:block;color:#777;margin-top:2px;} #list_container .slide_type02 .price_box{width:172px;margin:6px auto 0;overflow:hidden;} #list_container .slide_type02 .price_box .discount{float:left;font-weight:500;font-size:20px;color:#db473b;letter-spacing:-1px;} #list_container .slide_type02 .price_box .discount .num{font-size:30px;} #list_container .slide_type02 .price_box .discount + div{float:left;margin-left:10px;} #list_container .slide_type02 .price_box > div .normal_price{font-weight: 300;font-size:11px;color:#959595;margin-bottom:5px;} #list_container .slide_type02 .price_box > div .sale_price{display:block;font-weight: 500;font-size:15px;color:#333;letter-spacing:-1px;} #list_container .slide_type02 .price_box > div .sale_price .num{font-size:17px;} #list_container .slide_type02 .price_box > p{clear:both;font-size:11px;color:#333;padding-top:6px;} #list_container .slide_type02 .price_box > p span:before{content:'';display:inline-block;width:1px;height:11px;background:#e5e5e5;margin:-2px 10px 0 6px;vertical-align:middle;} #list_container .slide_type02 .price_box > p span:first-child:before{display:none;} #list_container .slide_type02 .price_box > p span.coupon{color:#db473b} #list_container .slide_type02 .slick-arrow{display:block; position:absolute; top:67px; width:30px; height:30px; cursor:pointer; z-index:1; text-indent:-9999px;background:none;} #list_container .slide_type02 .slick-prev{left:9px;} #list_container .slide_type02 .slick-next{right:7px;} #list_container .slide_type02 .slick-prev:after, #list_container .slide_type02 .slick-next:after{content:"";position:absolute;top:5px;left:10px;width:10px;height:20px;background:url('/img/imfs/main/sp_re_icon.png') no-repeat;} #list_container .slide_type02 .slick-prev:after{background-position:-314px -145px;} #list_container .slide_type02 .slick-next:after{background-position:-354px -145px} #list_container .slide_type02.on .slick-prev, #list_container .slide_type02.on .slick-next{background-color:#000; opacity:.2; filter:alpha(opacity=20);} #list_container .slide_type02.on .slick-prev:after {background-position:-394px -145px;} #list_container .slide_type02.on .slick-next:after {background-position:-434px -145px;} #list_container .slide_type02.on .slick-prev:hover, #list_container .slide_type02.on .slick-next:hover{background-color:#000; opacity:.5; filter:alpha(opacity=50);} #list_container .slide_type02.on .slick-prev:hover:after {background-position:-394px -145px;} #list_container .slide_type02.on .slick-next:hover:after {background-position:-434px -145px;} #list_container .prd_list_wrap .sort_wrap{border-bottom:1px solid #333;padding-bottom:10px;margin-top:40px;} #list_container .prd_list_wrap .sort_wrap:after{content:'';display:block;clear:both;} #list_container .prd_list_wrap .sort_wrap .total{float:left;font-size:18px;color:#333;letter-spacing:-1px;font-weight: 500;} #list_container .prd_list_wrap .sort_wrap .total em{color:#f14949;} #list_container .prd_list_wrap .sort_wrap > div{float:right;} #list_container .prd_list_wrap .sort_wrap > div .select_type{display:inline-block;margin-left:5px;} #list_container .prd_list_wrap .sort_wrap > div .select_type *{font-size:14px;font-weight:400;} #list_container .prd_list_wrap .sort_wrap > div .select_type .ctrl{ position:absolute; top:1px; right:1px; width:30px; height:28px; background:#fff;border-left:1px solid #e6e6e6;} #list_container .prd_list_wrap .sort_wrap > div .select_type .arrow{ position:absolute; top:11px; right:9px; width:12px;height:6px; background:url('/img/imfs/main/select_arrow02.png') no-repeat 0 -7px;} #list_container .prd_list_wrap .sort_wrap > div .select_type.open .arrow{background-position:0 0;} #list_container .prd_list_wrap .sort_wrap > div .select_type .my_value{border-color:#bebebe;height:30px;} #list_container .prd_list_wrap .sort_wrap > div .select_type ul{top:29px;border:1px solid #333;} #list_container .prd_list_wrap .sort_wrap > div .select_type ul li:first-child{border-top:0;} #list_container .prd_list_wrap .sort_wrap > div .select_type ul li{height:38px;} #list_container .prd_list_wrap .sort_wrap > div .select_type li.hover *{background:#e8eef5;} #list_container .prd_list_wrap .sort_wrap > div .select_type li a{height:38px;line-height:38px;} #list_container .prd_list_wrap .sort_wrap > div .view_type{display:inline-block;overflow:hidden;vertical-align:middle;margin-left:6px;} #list_container .prd_list_wrap .sort_wrap > div .view_type a{display:block;float:left;height:30px;background:url(/img/imfs/category_list/btn_sort.png) no-repeat;font-size:0;color:transparent} #list_container .prd_list_wrap .sort_wrap > div .view_type .btn_list{width:31px;background-position:0 -31px} #list_container .prd_list_wrap .sort_wrap > div .view_type .btn_list.on{background-position:0 0} #list_container .prd_list_wrap .sort_wrap > div .view_type .btn_img{width:29px;background-position:-31px 0} #list_container .prd_list_wrap .sort_wrap > div .view_type .btn_img.on{background-position:-31px -31px} #list_container .prd_list_wrap .sort_wrap + .prd_list_type02{border-top:0;margin-top:0;} #list_container .prd_list_wrap .more_box{position:relative;height:53px;line-height:53px;background:#f4f6f9;border-top:1px solid #e1e1e1;border-bottom:1px solid #b6bdc7;margin-top:60px;text-align:center;} #list_container .prd_list_wrap .more_box .btn_more{font-size:16px;color:#333;font-weight:300;background:url(/img/imfs/category_list/more_arrow.jpg) no-repeat 100% 10px;padding-right:25px;} #list_container .prd_list_wrap .more_box .num{position:absolute;right:22px;top:0;color:#333;font-weight:300;} #list_container .prd_list_wrap .prd_list_type + .more_box{margin-top:0;border-top:0;} #list_container .prd_list_type li{padding:20px 0;border-bottom:1px solid #e1e1e1;} #list_container .prd_list_type li:after{content:'';display:block;clear:both;} #list_container .prd_list_type li > div{float:left;} #list_container .prd_list_type li .img_box{position:relative;width:160px;} #list_container .prd_list_type li .info_box{width:462px;margin-left:20px;padding-right:48px;box-sizing:border-box;} #list_container .prd_list_type li .info_box .prd_code{display:block;padding:10px 0;font-weight: 300;} #list_container .prd_list_type li .info_box .tit{font-weight: 500;color:#333;font-size:14px;line-height:18px;} #list_container .prd_list_type li .info_box .prd_info{line-height:18px;margin-top:5px;} #list_container .prd_list_type li .info_box .prd_info span:before{content:'';display:inline-block;width:1px;height:11px;background:#e5e5e5;margin:-2px 9px 0 6px;vertical-align:middle;} #list_container .prd_list_type li .info_box .prd_info span:first-child:before{display:none;} #list_container .prd_list_type li .info_box02{width:100px;margin-top:8px;} #list_container .prd_list_type li .info_box02 .rating_star dt{font-size:11px;} #list_container .prd_list_type li .info_box02 .rating_star dd{width:75px;height:14px;background:url(/img/imfs/category_list/ico_star.png) no-repeat;font-size:0;color:transparent;margin:4px 0 8px 0;} #list_container .prd_list_type li .info_box02 .rating_star dd.st_1{background-position:0 0} /* 평점:1점 */ #list_container .prd_list_type li .info_box02 .rating_star dd.st_2{background-position:0 -17px} /* 평점:2점 */ #list_container .prd_list_type li .info_box02 .rating_star dd.st_3{background-position:0 -34px} /* 평점:3점 */ #list_container .prd_list_type li .info_box02 .rating_star dd.st_4{background-position:0 -51px} /* 평점:4점 */ #list_container .prd_list_type li .info_box02 .rating_star dd.st_5{background-position:0 -68px} /* 평점:5점 */ #list_container .prd_list_type li .info_box02 span{display:block;font-size:11px;color:#333;margin-bottom:6px;} #list_container .prd_list_type li .info_box02 span.coupon{color:#db473b} #list_container .prd_list_type li .price_box{width:148px;} #list_container .prd_list_type li .price_box > *{display:block;} #list_container .prd_list_type li .price_box .discount{color:#db473b;font-weight: 500;letter-spacing:-1px;font-size:24px;margin-bottom:5px;} #list_container .prd_list_type li .price_box .discount .num{font-size:40px;} #list_container .prd_list_type li .price_box .normal_price{font-weight: 300;font-size:13px;color:#959595;margin-bottom:5px;} #list_container .prd_list_type li .price_box .sale_price{font-weight: 500;font-size:20px;color:#333;letter-spacing:-1px;margin-top:8px;} #list_container .prd_list_type li .price_box .normal_price + .sale_price{margin-top:0;} #list_container .prd_list_type li .price_box .sale_price .num{font-size:22px;} #list_container .prd_list_type li .btns{position:relative;width:90px;} #list_container .prd_list_type li .btns a{display:block;width:90px;height:30px;line-height:29px;box-sizing:border-box;text-align:center;font-weight: 500;font-size:14px;margin-top:10px;} #list_container .prd_list_type li .btns .btn_buy{background:#555;color:#fff;} #list_container .prd_list_type li .btns .btn_buy:hover{background:#444;text-decoration:none;} #list_container .prd_list_type li .btns .btn_cart{background:#f14949;color:#fff;} #list_container .prd_list_type li .btns .btn_cart:hover{background:#d71e1e;text-decoration:none;} #list_container .prd_list_type li .btns .btn_wish{color:#666;border:1px solid #bbb;} #list_container .prd_list_type li .btns .btn_wish:hover{color:#333;text-decoration:none;border-color:#333;} #list_container .prd_list_type + .slide_type{margin-top:50px;} #list_container .prd_list_type.type_full li .info_box{width:595px;} #list_container .prd_list_type.type_full li .info_box02{width:160px;} #list_container .prd_list_type.type_full li .price_box{width:175px;} #list_container .prd_list_type.type_full + .slide_type .slick-slide a:hover:after {width:163px;} #list_container .prd_list_type02{position:relative;padding-top:20px;border-top:1px solid #e1e1e1;margin-top:58px;overflow:hidden;} #list_container .prd_list_type02 li{float:left;width:220px;margin-left:24px;} #list_container .prd_list_type02 li:first-child{margin-left:0;} #list_container .prd_list_type02 .img_box{position:relative;width:220px;border:1px solid #fff;} #list_container .prd_list_type02 .img_box .btns{display:none;position:absolute;left:0;bottom:0;width:100%;height:29px;line-height:29px;background:url('/img/imfs/category_list/bg_prd_hover.png') repeat;text-align:center;} #list_container .prd_list_type02 .img_box .btns a{display:inline-block;height:14px;font-size:0;color:transparent;vertical-align:middle;} #list_container .prd_list_type02 .img_box .btns .btn_cart{width:20px;background:url('/img/imfs/category_list/btn_cart.png') no-repeat;} #list_container .prd_list_type02 .img_box .btns .btn_buy{width:22px;background:url('/img/imfs/category_list/btn_buy.png') no-repeat;margin-left:24px;} #list_container .prd_list_type02 .img_box:hover{border-color:#333;} #list_container .prd_list_type02 .img_box:hover .btns{display:block;} #list_container .prd_list_type02 .info_box{width:220px;height:48px;margin-top:10px;} #list_container .prd_list_type02 .info_box .tit{font-size:14px;color:#777;} #list_container .prd_list_type02 .info_box .amt{display:block;color:#777;margin-top:2px;} #list_container .prd_list_type02 .price_box{overflow:hidden;width:220px;padding-top:6px;} #list_container .prd_list_type02 .price_box .discount{float:left;font-weight:500;font-size:20px;color:#db473b;letter-spacing:-1px;} #list_container .prd_list_type02 .price_box .discount .num{font-size:30px;} #list_container .prd_list_type02 .price_box .discount.type_size{font-size:24px;} #list_container .prd_list_type02 .price_box .discount.type_size .num{font-size:40px;} #list_container .prd_list_type02 .price_box > div{float:left;/*min-height:48px;*/} #list_container .prd_list_type02 .price_box .discount + div{margin-left:10px;} #list_container .prd_list_type02 .price_box > div .normal_price{font-weight: 300;font-size:11px;color:#959595;margin-bottom:5px;} #list_container .prd_list_type02 .price_box > div .normal_price.type_size{font-size:13px;} #list_container .prd_list_type02 .price_box > div .sale_price{display:block;font-weight: 500;font-size:15px;color:#333;letter-spacing:-1px;} #list_container .prd_list_type02 .price_box > div .sale_price .num{font-size:17px;} #list_container .prd_list_type02 .price_box > div .sale_price.type_size{font-size:20px;} #list_container .prd_list_type02 .price_box > div .sale_price.type_size .num{font-size:22px;} #list_container .prd_list_type02 .price_box > p{clear:both;font-size:11px;color:#333;padding-top:6px;} #list_container .prd_list_type02 .price_box > p span:before{content:'';display:inline-block;width:1px;height:11px;background:#e5e5e5;margin:-2px 10px 0 6px;vertical-align:middle;} #list_container .prd_list_type02 .price_box > p span:first-child:before{display:none;} #list_container .prd_list_type02 .price_box > p span.coupon{color:#db473b} #list_container .no_data{padding:100px 0;text-align:center;} #list_container .no_data .txt01{font-size:28px;color:#333;letter-spacing:-1px;} #list_container .no_data .txt01 em{color:#db473b} #list_container .no_data .txt02{font-size:18px;color:#666;letter-spacing:-1px;margin:20px 0 40px;} #list_container .no_data ul{width:502px;margin:0 auto;} #list_container .no_data ul li{text-align:left;font-size:15px;color:#666;font-weight:300;line-height:24px;} #list_container .no_data ul li:before{content:'';display:inline-block;width:2px;height:2px;background:#666;vertical-align:middle;margin:-2px 8px 0 0;} #list_container .no_data ul li em{font-weight:500;color:#333;} #list_container .no_data ul li .btn_inquire{display:inline-block;width:120px;height:24px;line-height:24px;color:#fff;font-size:13px;text-align:center;letter-spacing:-1px;background:#555;margin-left:4px;} #list_container .no_data ul li .btn_inquire:hover{text-decoration:none;background:#444;} #list_container .recommend_wrap{margin-top:60px;} #list_container .recommend_wrap .tit{font-family: "Noto Sans KR";font-size:18px;font-weight:500;letter-spacing:-1px;color:#333;margin-bottom:10px;} #list_container .recommend_wrap .prd_box{border:1px solid #e1e1e1;border-top-color:#333;padding:20px 30px;} #list_container .recommend_wrap .prd_box .slide_type02{margin-top:0;} #list_container .recommend_wrap .prd_box .slide_type02 .img_box{width:172px;margin:0 8px;} #list_container .recommend_wrap .prd_box .slide_type02 .slick-prev{left:-30px;} #list_container .recommend_wrap .prd_box .slide_type02 .slick-next{right:-30px;} /* 관심상품 레이어팝업 */ #list_container .popLayer_wish {display:none; position:relative;} #list_container .popLayer_wish .p_all_series_wrap {position:absolute; top:3px;right:0;z-index:10;} #list_container .popLayer_wish .p_all_series_wrap .p_group_area {background:url('/img/imfs/category_list/pop_layout.gif') no-repeat; width:260px; height:121px;padding:13px 0;font-family: "Noto Sans KR";font-weight:300;font-size:13px;color:#333;box-sizing:border-box;} #list_container .popLayer_wish .p_all_series_wrap .p_group_area span{margin-left:22px;} #list_container .popLayer_wish .p_all_series_wrap .p_group_area .btn_group {display:inline-block;width:60px;height:20px;line-height:18px;border:1px solid #ccc;font-family: "Noto Sans KR";font-weight:300;font-size:12px;color:#333;text-align:center;margin-left:3px;} #list_container .popLayer_wish .p_all_series_wrap .p_group_area .btn_group:hover{border-color:#333;text-decoration:none;} #list_container .popLayer_wish .p_all_series_wrap .p_btn_area {position:absolute; top:75px; left:57px;} #list_container .popLayer_wish .p_all_series_wrap .p_btn_area a {display:inline-block; width:70px; height:25px; text-align:center; /* padding-top:7px; */ font-weight:400;line-height:22px;} #list_container .popLayer_wish .p_all_series_wrap .p_btn_area a.btn_yes {background-color:#888; color:#fff; border:1px solid #888;border-right-color:#767676;border-bottom-color:#767676;margin-right:3px;} #list_container .popLayer_wish .p_all_series_wrap .p_btn_area a.btn_no {background-color:#fff; color:#666; border:1px solid #ccc;border-right-color:#8f8f8f;border-bottom-color:#8f8f8f;} #list_container .popLayer_wish .p_all_series_wrap .p_group_area .select_group_area {text-align:center;margin-top:5px;} #list_container .popLayer_wish .p_all_series_wrap .p_group_area .select_group_area select {width:220px;height:25px;line-height:25px;color:#333;} /* 장바구니 레이어팝업 */ #list_container .popLayer_cart {display:none; position:relative;} #list_container .popLayer_cart .p_all_b_s_wrap {position:absolute; top:-37px;right:0;z-index:10;} #list_container .popLayer_cart .p_all_b_s_wrap .p_b_group_area {background:url('/img/imfs/category_list/pop_layout.gif') no-repeat; width:260px; height:121px;padding:13px 0;font-family: "Noto Sans KR";font-weight:300;font-size:13px;color:#333;box-sizing:border-box;} #list_container .popLayer_cart .p_all_b_s_wrap .p_b_group_area p {font-size:13px; text-align:center;padding-top:15px;} #list_container .popLayer_cart .p_all_b_s_wrap .p_btn_area {position:absolute; top:62px; left:57px;} #list_container .popLayer_cart .p_all_b_s_wrap .p_btn_area a {display:inline-block; width:70px; height:25px; text-align:center; /* padding-top:7px; */ font-weight:400;line-height:22px;} #list_container .popLayer_cart .p_all_b_s_wrap .p_btn_area a.btn_yes {background-color:#888; color:#fff; border:1px solid #888;border-right-color:#767676;border-bottom-color:#767676;margin-right:3px;} #list_container .popLayer_cart .p_all_b_s_wrap .p_btn_area a.btn_no {background-color:#fff; color:#666; border:1px solid #ccc;border-right-color:#8f8f8f;border-bottom-color:#8f8f8f;} /* 2018-03-22 리뉴얼 E */ /* 2022-12-15 css 스타일 추가 */ #history dl.new_select {font-size: 13px; } #history dl.new_select a:hover {text-decoration: none;} #history dl.new_select > dd {display: none; position: absolute;} #history dl.new_select > dd > ul { padding: 0; border: 1px solid #bbb;} #history dl.new_select > dd > ul > li { float: none; background: none; padding: 0 10px; height: 23px; margin: 0; line-height: 23px; white-space: nowrap; background-color:#fff;} #history dl.new_select:hover > dd { display: inline-block;} #history dl.new_select:hover > dd > ul > li:hover { background-color: #f7f7f7;}