/***** ÇØ´ç ÆÄÀÏÀº °¡±ÞÀû ¼öÁ¤ÇÏÁö ¸¶½Ã±â ¹Ù¶ø´Ï´Ù. *****/
@charset "euc-kr";
.prodSearch_btn { position:relative; float:right; width:30px; height:30px; margin-top:0; background:url('../img/main/btn_product_search.png') center center no-repeat; text-indent:-9999px; z-index:999; } .searchArea { display:none; position:absolute; top:50px; width:1000px; max-width:auto; right:0; padding:90px 0 120px; border-top:0px solid #FFF; border-bottom:0px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #FFF; text-align:left; background:#FFF; z-index:999; } .searchArea .search { margin:0 auto; width:55%; border-bottom:2px solid #333; padding-bottom:3px; } .searchArea .search input[type="text"].prod_search_txt { width:88%; margin:0; padding:5px 0; border:0; background:none; font-size:14px; color:#888; } .searchArea .search_btn { position:absolute; right:20%; top:40%; width:46px; height:46px; border:1px solid #EA540C; background:#EA540C url('../img/main/btn_product_search_2_on.png') center center no-repeat; border-radius:50%; text-indent:-9999px; -moz-transition:.3s ease; -webkit-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease; } .searchArea .search_btn:hover, .searchArea .search_btn:focus { border:1px solid #333; background:#FFF url('../img/main/btn_product_search_2.png') center center no-repeat; } .searchArea .prodSearch_close { display:block; padding:9px 24px 8px; position:absolute; left:50%; bottom:0; background:url('../img/main/search_clsbtn.png') center center no-repeat; border-top:1px solid #777; border-left:1px solid #777; border-right:1px solid #777; text-indent:-9999px; -moz-transition:.3s ease; -webkit-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease; } .searchArea .prodSearch_close:hover, .searchArea .prodSearch_close:focus { background:#777 url('../img/main/search_clsbtn_on.png') center center no-repeat; border-top:1px solid #777; border-left:1px solid #777; border-right:1px solid #777; } #srchResArea { float:left; width:100%; max-width:1000px; } .srchRes_title { width:100%; margin:60px auto 40px; padding:12px 0; font-size:18px; color:#FFF; background:#3B5B74; text-align:center; } .product_result_txt { font-size:13px; padding-bottom:8px; } .product_result_txt .highlight { font-weight:bold; color:#F67B02; } .bx_product_result { width:100%; margin:0 auto 50px; } .bx_product_result ul, .bx_product_result li { margin:0; padding:0; font-size:13px; } .bx_product_result .num { font-size:15px; color:#989898; } .bx_product_result .bx_top { height:30px; } .bx_product_result .bx_btm { height:30px; } .bx_product_result .no_result { background:#FFF; margin:0 auto; padding:100px 0; font-size:15px; text-align:center; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; } .bx_product_result .no_result .highlight { font-weight:bold; color:#F67B02; } .bx_product_result .more_result { width:100%; padding:16px 0 2 12px; margin:0 0 0 0; border-top:1px solid #EBEBEB; font-size:13px; color:#666; } .bx_product_result .text { border:1px solid #CACACA; height:18px; vertical-align:middle; } .bx_product_result img { vertical-align:middle; } .bx_center { padding:0; } .bx_product_result .range { width:100%; border-bottom:1px solid #EEE; } .bx_product_result .result_product { float:left; width:100%; background:none; padding:15px 0; } .bx_product_result .more_result2 { clear:both; width:100%; padding:16px 0 2 12px; margin:0 0 0 0; font-size:13px; color:#666; } .result_list { width:100%; border-top:1px solid #E2E2R2; border-bottom:1px solid #E2E2E2; } .result_list tr:hover { background:#F9F9F9; } .result_list th { padding:14px 0; background:#F7F7F7 url('../img/images/v_line_3.gif') right top no-repeat; font-size:13px; color:#666; font-weight:bold; text-align:center; border-top:1px solid #AAA; } .result_list th:last-child { background-image:none; } .result_list td { border-top:1px solid #E2E2E2; font-size:13px; color:#666; text-align:center; } .result_list .td_none_data { height:35px; text-align:center; border-right:0; } .result_list .end { border-right:none; } .result_list .last { border-bottom:none; } .result_list .subject { text-align:left; padding:0; } .result_list .small_img { float:left; border:1px solid #E2E2E2; margin:10px 0; } .result_list .small_img img { max-width:100%; height:auto; width:80px; height:80px; } .result_list .txt_info { display:block; width:auto; margin:10px 0; padding-left:95px; font-size:13px; color:#666; text-align:left; line-height:80px; } .result_list .price { width:100%; } .result_list .price a { display:block; padding:20px 0; font-size:14px; color:#EA540C; text-align:center; } .result_list .save_point { float:right; display:inline-block; padding:10px 10px 10px 0; font-size:13px; } @media all and (max-width:280px) { .prodSearch_btn { margin:-2px 70px 0 0; } .searchArea { width:220px; right:28px; padding:80px 0 120px; } .searchArea .search { width:75%; } .searchArea .search input[type="text"].prod_search_txt { width:78%; font-size:11px; } .searchArea .search_btn { right:9%; top:40%; width:30px; height:30px; background-size:14px; } .searchArea .prodSearch_close { left:40%; } } @media all and (min-width:281px) and (max-width:320px) { .prodSearch_btn { margin:-2px 75px 0 0; } .searchArea { width:260px; right:28px; padding:80px 0 120px; } .searchArea .search { width:75%; } .searchArea .search input[type="text"].prod_search_txt { width:78%; font-size:12px; } .searchArea .search_btn { right:9%; top:40%; width:30px; height:30px; background-size:14px; } .searchArea .prodSearch_close { left:43%; } } @media all and (min-width:321px) and (max-width:374px) { .prodSearch_btn { margin:-2px 75px 0 0; } .searchArea { width:300px; right:28px; padding:80px 0 120px; } .searchArea .search { width:75%; } .searchArea .search input[type="text"].prod_search_txt { width:78%; } .searchArea .search_btn { right:9%; top:36%; } .searchArea .prodSearch_close { left:45%; } } @media all and (min-width:375px) and (max-width:479px) { .prodSearch_btn { margin:-2px 80px 0 0; } .searchArea { width:300px; right:35px; padding:80px 0 120px; } .searchArea .search { width:75%; } .searchArea .search input[type="text"].prod_search_txt { width:78%; } .searchArea .search_btn { right:9%; top:40%; width:36px; height:36px; background-size:16px; } .searchArea .prodSearch_close { left:45%; } } @media all and (min-width:480px) and (max-width:600px) { .prodSearch_btn { margin:-2px 80px 0 0; } .searchArea { width:380px; right:45px; padding:60px 0 90px; } .searchArea .search { width:75%; } .searchArea .search input[type="text"].prod_search_txt { width:82%; } .searchArea .search_btn { right:9%; top:37%; width:36px; height:36px; background-size:16px; } .searchArea .prodSearch_close { left:47%; } } @media all and (min-width:601px) and (max-width:767px) { .prodSearch_btn { margin:-2px 90px 0 0; } .searchArea { right:80px; width:380px; padding:60px 0 90px; } .searchArea .search { width:75%; } .searchArea .search input[type="text"].prod_search_txt { width:82%; } .searchArea .search_btn { right:9%; top:37%; width:36px; height:36px; background-size:16px; } .searchArea .prodSearch_close { left:47%; } } @media all and (min-width:768px) and (max-width:819px) { .prodSearch_btn { margin:-5px 0 0 0; } .searchArea { width:550px; padding:80px 0 120px; } .searchArea .search { width:75%; } .searchArea .search input[type="text"].prod_search_txt { width:82%; } .searchArea .search_btn { right:9%; top:37%; } .searchArea .prodSearch_close { left:47%; } } @media all and (min-width:820px) and (max-width:1023px) { .prodSearch_btn { margin:-5px 0 0 0; } .searchArea { width:636px; padding:80px 0 120px; } .searchArea .search_btn { right:19%; top:36%; } } @media all and (min-width:1024px) and (max-width:1366px) { .prodSearch_btn { margin:-5px 0 0 0; } .searchArea { width:780px; } } @media all and (min-width:1367px) { .prodSearch_btn { margin:-5px 0 0 0; } }