/*  로그인 */
.login_area{position:relative; max-width:500px; margin:100px auto; padding:0 20px;}
.login_area .title{font-size:24px; color:#000; margin-bottom:30px; text-align:center; font-weight:800}
.login_area .login_form{clear:both}
.login_area .id_area, .login_area .pw_area {position:relative;}
.login_area .input_row {position:relative; margin-bottom:10px; padding:10px; border:solid 1px #dadada; background-color:#fff;}
.login_area .input_box {display:block; overflow:hidden;}
.login_area .btn_login{display:block; width:100%; height:54px; line-height:50px; margin-top:60px; border:solid 0; background-color:#89b942; color:#fff; font-size:17px; letter-spacing:-.5px; cursor:pointer; text-align:center; -webkit-appearance:none;}
.login_area .check_info {display:block; position:relative; margin-top:25px;}
.login_area .login_check {position:relative; display:block;}
.login_area .login_check input {position:absolute; width:16px; height:16px; cursor:pointer;; margin:0;}
.login_area .login_check label {position:absolute; height:16px; padding-left:26px; line-height:16px; cursor:pointer; font-size:13px; color:#666; background-color:#fff;}
.login_area .login_check .ico_check::before {content:''; position:absolute; top:-1px; left:1px; width:16px; height:16px; border:1px solid #ddd;}
.login_area .login_check input:checked+.ico_check::before{border:0; background:#89b942 url('../img/checkbox_on.png') no-repeat;}
.login_area .menu_link {text-align:center; position:relative; margin-top:30px; padding:25px 0 0 0;}
.login_area .menu_link li {display:inline-block; position:relative; margin:0 0 0 30px;}
.login_area .menu_link li:first-child {margin-left:0;}
.login_area .menu_link li a{font-size:16px;}
.login_area .menu_link li a:after {content:''; display:block; width:100%; height:1px; background-color:#666; position:absolute; bottom:0;}
.int {font-size:14px; color:#999; line-height:30px; position:relative; font-weight:300; width:100%; height:30px; border:none; background-color:#fff; -webkit-appearance:none;}
.blind {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}

/* 공급사 등급 아이콘 */
.levelIcon {width:38px; height:38px; border-radius:100%; background:#000; display:inline-block; text-indent:-9999px;}
.levelIcon.Level_1 {background:#89b942;}
.levelIcon.Level_2 {background:#e24c00;}
.levelIcon.Level_3 {background:#ff6d23;}
.levelIcon.Level_4 {background:#ecac00;}
.levelIcon.Level_5 {background:#ed8e78;}
.levelIcon.Level_6 {background:#666;}
.levelIcon.Level_7 {background:#875eb3;}

/** 주문상세정보 **/
.order_box {overflow:visible; border:5px solid #f5f5f5; text-align:center; padding:17px 0 12px; margin-top:20px;}
.order_box .order_info{margin-top:0;}
.order_box .order_info:after{display:block; visibility:hidden; content:""; clear: both}
.order_box .order_info li{float:left; margin-left:20px; padding-left:20px; border-left:1px solid #eff0f1}
.order_box .order_info li dl{color:#20232c; line-height:13px}
.order_box .order_info li dl:after{display:block; visibility:hidden; content:""; clear:both}
.order_box .order_info li dt{float:left; margin:0 15px 0 0; padding-top:4px; font-weight:bold}
.order_box .order_info li dd{float:left; font-size:17px; font-weight:normal; line-height:20px}
.order_box .order_info li dd strong{font-family:tahoma,geneva,sans-serif; font-weight:normal}
.order_box .order_info li.first{margin-left:0; border:none}

.view_area{position:absolute; width:300px; top:2px; margin-left:-15px;}
.view_area dt{dkrhoverflow:hidden; padding:10px 14px 14px; background-color:#eee; line-height:20px;}
.view_area dt strong{color:#222}
.view_area dd{padding:10px 14px; line-height:18px}
.view_area dd p{margin:7px 0; line-height:18px}

/** 상품리스트 **/
/*
 * 2줄이상 되었을때 height로 인해서 문제가 됩니다.
 * 참고 URL : http://hitcookie.wnpsoft.co.kr/seller/myhit_excel_step2.php
.search_sec_wrap{position:relative; height:24px;}
*/
.search_sec_wrap{position:relative; width:100%; overflow:hidden; display:flex; justify-content:space-between; align-items:center;}
.search_sec_wrap .tt_count_desc {color:#222; font-size:16px; font-weight:500; letter-spacing:-0.02em;}

.prd_sort_wrap {position:relative; padding:15px 15px; margin-top:20px; background:#f5f5f5;}
.prd_sort_wrap:after,
.prd_sort_wrap .sort_list {display:flex; flex-flow:row wrap;}
.prd_sort_wrap .sort_list li {padding:0 15px;}
.prd_sort_wrap .sort_list li .on{color:#222; font-weight:500; text-decoration:underline;}
.prd_sort_wrap select.sel_sort {width:115px; padding:0 0 0 0; height:26px; border:0; background-color:transparent; line-height:26px;}
.prd_sort_wrap i {color: #BBB}
.prd_sort_wrap i.on {color: #000}
.name_select{position:relative; margin-top:40px}
.graph_box{position:relative; width:100%; height:400px; border:1px solid #ddd; margin-top:20px}

/** tab **/
.tab{border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0;  margin:20px 0 40px 0;}
.tab,
.tab ul{width:100%; display:flex; justify-content:space-around;}
.tab li{position:relative; text-align:center;}
.tab li a{display:block; padding:20px;}
.tab li.active a{color:#89b942; font-weight:500;}
.tab li.active:before{display:block; content:''; position:absolute; left:0; width:100%; height:3px; background-color:#89b942; margin-top:62px;}
.tab li.m2 {width:50%}

/** 게시판 **/
.table-box{position:relative;}
.table-box .table-ty01,.table-box .table-ty02,.table-box .table-ty03{width:100%;}
.table-box .table-ty01 {border-top:solid 2px #89b942;}
.table-box .table-ty01 caption,.table-box .table-ty02 caption {width:0px; height:0px; overflow:hidden; text-indent:-9999px;}
.table-box .table-ty01 tr th {padding:16px 0; border-bottom:solid 1px #666; background-color:#fff; font-weight:normal; color:#222}
.table-box .table-ty01 tr td {padding:15px 0 15px 0; border-bottom:solid 1px #ddd;}
.table-box .table-ty01 tr td.b_line {padding:15px 0 0 0; border-bottom:none;}
.table-box .table-ty01 tr th, .table-box .table-ty01 tr td,.table-box .table-ty02 tr th, .table-box .table-ty02 tr td{vertical-align:middle; text-align:center; line-height:16px;}
.table-box .table-ty01 tr td a:hover,
.table-box .table-ty01 tr td a:active,
.table-box .table-ty01 tr td a:focus {text-decoration:none;}
.table-box .table-ty01 tr td.title-cell a {position:relative; display:block; color:#666; width:100%; text-align:left;}
.table-box .table-ty01 tr td span.date {display:block; color:#999; font-size:13px;}
.table-box .table-ty01 tr td.title-cell .product_wrap{min-height:60px; box-sizing:border-box;}
.table-box .table-ty01 tr td.title-cell .product_thumb{position:absolute; top:0; left:0; overflow:hidden; border-radius:3px;}
.table-box .table-ty01 tr td.title-cell .product_thumb img{width:60px; height:60px;}
.table-box .table-ty01 tr td.title-cell .product_txt{margin-left:70px;}
.table-box .table-ty01 tr td.title-cell .product_txt span{font-size:12px; color:#999}

.table-box .table-ty02 {margin-top:10px;}
.table-box .table-ty02 tr th {padding:6px 0; background-color:#875eb3; font-weight:normal; color:#fff}
.table-box .table-ty02 tr td {padding:6px 0; border-bottom:solid 1px #ddd;}

.table-box .table-ty03 {border-top:solid 2px #333; margin-top:10px; border-bottom:solid 1px #ddd;}
.table-box .table-ty03 tr th {padding:10px 15px 14px 15px; background-color:#f8f8f8; color:#222; text-align:left;}
.table-box .table-ty03 tr td {padding:10px 15px 14px 15px;}
.table-box .table-ty03 tr td.price_r{text-align:right; padding-right:30px}
.table-box .table-ty03 .line_l{border-left:solid 1px #eee;}
.table-box .table-ty03 .line_b{border-bottom:solid 1px #eee;}
.btn_more{width:100%; text-align:right; }

/** 게시판 보기 **/
.board_view {position:relative; border-top:2px solid #89b942; margin-top:20px}
.board_view .title h2{padding:18px 0; font-size:16px; padding-left:20px}
.board_view .board_view_info{position:relative; overflow:hidden; padding:20px 0; margin:0; background-color:#f5f5f5; color:#888; border-bottom:1px solid #ccc;}
.board_view .board_view_info dt{float:left; margin:0 10px 0 0; text-indent:20px; font-weight:500; text-align:left}
.board_view .board_view_info dd{float:left; margin:0 30px 0 0;}
.board_view .board_con{padding:35px 20px 60px;}
.board_view .board_con p img{max-width:100%;}
.board_view .board_con_tag{margin-top:40px;}
.board_view .board_con_tag a{padding:10px 15px 8px; background-color:#f5f5f5; color:#666; margin-right:10px;}
.board_view .board_view_list{position:relative; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0}
.board_view .board_view_list dl{clear:both;}
.board_view .board_view_list dt{float:left; margin:0 10px 0 0; text-indent:20px; font-weight:500;}
.board_view .board_view_list dd{float:left;}

/** 게시판 글쓰기 **/
.board_write {position:relative; border-top:2px solid #89b942; margin-top:20px}
.board_write .div_tb {display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; padding:0;}
.board_write .div_tr {display: table-row;}
.board_write .div_th {display:table-cell; width:180px; padding:10px 15px; color:#333; font-weight:500; vertical-align:middle; background:#f5f5f5; border-bottom:1px solid #ddd;}
.board_write .div_td {display:table-cell; width:auto; padding:10px 15px; vertical-align:middle; background-color:#fff; border-bottom:1px solid #ddd;}

/** search **/
.search_list .focus_tit{top:32px; left:35px;}
.search_list .search-field input{width:230px; line-height:35px; height:35px; padding-left:10px; border:1px solid #ddd;}
.search_list .search-field .btn_search {width:40px; height:35px; line-height:35px; color:#fff; border:0; background-color:#222; cursor:pointer; vertical-align:middle; font-size:13px;}

/* 게시판-자주묻는질문 */
.bd_faq {border-top:2px solid #89b942;}
.bd_faq dt,
.bd_faq dd{padding:20px 80px 20px 40px; border-bottom:1px solid #ddd; cursor:pointer;}
.bd_faq dt{display:block; position:relative; font-weight:400;}
.bd_faq dt:before,
.bd_faq dd:before{display:block; position:absolute; content:"Q.";left:15px;color:#3987ff;}
.bd_faq dd{display:none; position:relative; line-height:30px; padding-left:60px; background:#f5f5f5}
.bd_faq dd:before{content:"A.";color:#000; left:35px;}
.bd_faq .faq_name{position:absolute; top:20px; right:20px;}

/* paging */
.paging {width:100%; padding-top:40px; text-align:center; display:inline-block;}
.paging a {display:inline-block; width:30px; height:30px; line-height:30px; margin:0 1px 0; color:#888; text-align:center; vertical-align:middle; transition: all 0.2s ease;}
.paging a.first i,
.paging a.last i {letter-spacing:-7px;}
.paging a.first i {margin:0 0 0 -7px;}
.paging a.first i:after {content: "\e93b";}
.paging a.last i {margin:0 0 0 -5px;}
.paging a.last i:after {content: "\e93e";}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last {border:solid 1px #ddd;}
.paging a.first:hover,
.paging a.prev:hover,
.paging a.next:hover,
.paging a.last:hover {border-color:#89b942;}
.paging {vertical-align:top;}
.paging a.on,
.paging a:hover,
.paging a:hover i,
.paging a:hover i:before,
.paging a:active,
.paging a:focus {color:#89b942;}

/* 버튼설정 */
.btnArea{width:100%; margin-top:40px; overflow:hidden;}
.btnArea.Aleft {text-align:left;} /*버튼 좌측정렬 랩*/
.btnArea.Aright {text-align:right;} /*버튼 우측정렬 랩*/
.btnArea.Acenter {text-align:center;} /*버튼 중앙정렬 랩*/
.btnArea.Aleft a,
.btnArea.Aleft button {margin-right:5px;}
.btnArea.Aright a,
.btnArea.Aright button {margin-left:5px;}
.btnArea.Acenter a,
.btnArea.Acenter button {margin-left:2px; margin-right:2px;}

.btnArea_inline {overflow:hidden; text-align:center;}
.btnArea_inline .btnArea {display:inline-block;}
.btnArea_inline .btnArea.Aleft {float:left;}
.btnArea_inline .btnArea.Aright {float:right;}
.btnArea_inline .btnArea.Acenter {margin:0 auto;}

.btn_base {display:inline-block; padding:0 20px 1px; text-align:center; background:#eee; color:#333; box-sizing:border-box}
.btn_round {display:inline-block; padding:0 20px 1px; border-radius:50px; text-align:center; background:#eee; color:#333; box-sizing:border-box}
.btn_form {display:inline-block; padding:0 20px 1px; border-radius:0px; text-align:center; height:36px; line-height:36px; font-size:13px; background:#eee; color:#333;}

.btn_small {height:20px; line-height:17px; font-size:11px;}
.btn_medium {height:36px; line-height:34px; font-size:13px;}
.btn_large {height:40px; line-height:38px; font-size:14px;}
.btn_big {height:50px; line-height:48px; font-size:16px; font-weight:500;}
.btn_xbig {height:60px; line-height:58px; font-size:20px; font-weight:500;}

.btn_base.pw50, .btn_round.pw50, .btn_form.pw50 {padding-left:50px; padding-right:50px;}
.btn_base.pw40, .btn_round.pw40, .btn_form.pw40 {padding-left:40px; padding-right:40px;}
.btn_base.pw30, .btn_round.pw30, .btn_form.pw30 {padding-left:30px; padding-right:30px;}
.btn_base.pw20, .btn_round.pw20, .btn_form.pw20 {padding-left:pw20; padding-right:20px;}
.btn_base.pw15, .btn_round.pw15, .btn_form.pw15 {padding-left:15px; padding-right:15px;}
.btn_base.pw10, .btn_round.pw10, .btn_form.pw10 {padding-left:10px; padding-right:10px;}
.btn_base.pw5, .btn_round.pw5, .btn_form.pw5 {padding-left:5px; padding-right:5px;}
.btn_base.pw0, .btn_round.pw0, .btn_form.pw0 {padding-left:0px; padding-right:0px;}
.btn_base.w230, .btn_round.w230, .btn_form.w230 {width:230px;}

.btn_base i, .btn_round i, .btn_form i {vertical-align:middle; margin:-1px 4px 0 0; font-size:16px;}

.btn_White {background:#fff !important; color:#333 !important;}
.btn_Gray {background:#9e9e9e !important; color:#fff !important;}
.btn_Red {background:#89b942 !important; color:#fff !important;}
.btn_Blue {background:#89b942 !important; color:#fff !important;}
.btn_Black {background:#222 !important; color:#fff !important;}
.btn_DeepGray {background:#757575 !important; color:#fff !important;}
.btn_DeepRed {background:#da2c38 !important; color:#fff !important;}
.btn_LightRed {background:#ff5252 !important; color:#fff !important;}
.btn_darkred {background:#cc3333 !important; color:#fff !important;}
.btn_Pink {background:#e91e63 !important; color:#fff !important;}
.btn_Purple {background:#9c27b0 !important; color:#fff !important;}
.btn_DeepPurple {background:#673ab7 !important; color:#fff !important;}
.btn_Indigo {background:#3f51b5 !important; color:#fff !important;}
.btn_LightBlue {background:#03a9f4 !important; color:#fff !important;}
.btn_DeepBlue {background:#0d47a1 !important; color:#fff !important;}
.btn_Cyan {background:#00bcd4 !important; color:#fff !important;}
.btn_Teal {background:#009688 !important; color:#fff !important;}
.btn_DeepGreen {background:#40750b !important; color:#fff !important;}
.btn_Green {background:#4caf50 !important; color:#fff !important;}
.btn_LightGreen {background:#9c3 !important; color:#fff !important;}
.btn_Lime {background:#cddc39 !important; color:#fff !important;}
.btn_Yellow {background:#ffeb3b !important; color:#fff !important;}
.btn_Amber {background:#ffc107 !important; color:#fff !important;}
.btn_Orange {background:#ff9800 !important; color:#fff !important;}
.btn_DeepOrange {background:#ff5722 !important; color:#fff !important;}
.btn_Brown {background:#795548 !important; color:#fff !important;}
.btn_BlueGray {background:#8d9aaf !important; color:#fff !important;}
.btn_SuperDeepGray {background:#464646 !important; color:#fff !important;}

body .btn_stroke {background:none !important;}
.btn_stroke.btn_White {background:#fff !important; border:1px solid rgba(256,256,256,0.38) !important; color:#fff !important;}
.btn_stroke.btn_Gray {background:#fff !important; border:1px solid #ddd !important; color:#666 !important;}
.btn_stroke.btn_Red {background:#fff !important; border:1px solid #89b942 !important; color:#89b942 !important;}
.btn_stroke.btn_Blue {background:#fff !important; border:1px solid #89b942 !important; color:#89b942 !important;}
.btn_stroke.btn_Black {background:#fff !important; border:1px solid #222 !important; color:#222 !important;}
.btn_stroke2.btn_Black {background:#fff !important; border:2px solid #222 !important; color:#222 !important;}
.btn_stroke.btn_DeepGray {border:1px solid #757575 !important; color:#666 !important;}
.btn_stroke.btn_LightRed {border:1px solid #ff5252 !important; color:#ff5252 !important;}
.btn_stroke.btn_Pink {border:1px solid #e91e63 !important; color:#e91e63 !important;}
.btn_stroke.btn_Purple {border:1px solid #9c27b0 !important; color:#9c27b0 !important;}
.btn_stroke.btn_DeepPurple {border:1px solid #673ab7 !important; color:#673ab7 !important;}
.btn_stroke.btn_Indigo {border:1px solid #3f51b5 !important; color:#3f51b5 !important;}
.btn_stroke.btn_LightBlue {border:1px solid #03a9f4 !important; color:#03a9f4 !important;}
.btn_stroke.btn_DeepBlue {border:1px solid #0d47a1 !important; color:#0d47a1 !important;}
.btn_stroke.btn_Cyan {border:1px solid #00bcd4 !important; color:#00bcd4 !important;}
.btn_stroke.btn_Teal {border:1px solid #009688 !important; color:#009688 !important;}
.btn_stroke.btn_Green {border:1px solid #4caf50 !important; color:#4caf50 !important;}
.btn_stroke.btn_LightGreen {border:1px solid #8bc34a !important; color:#8bc34a !important;}
.btn_stroke.btn_Lime {border:1px solid #cddc39 !important; color:#cddc39 !important;}
.btn_stroke.btn_Yellow {border:1px solid #ffeb3b !important; color:#ffeb3b !important;}
.btn_stroke.btn_Amber {border:1px solid #ffc107 !important; color:#ffc107 !important;}
.btn_stroke.btn_Orange {border:1px solid #ff9800 !important; color:#ff9800 !important;}
.btn_stroke.btn_DeepOrange {border:1px solid #ff5722 !important; color:#ff5722 !important;}
.btn_stroke.btn_Brown {border:1px solid #795548 !important; color:#795548 !important;}
.btn_stroke.btn_BlueGray {border:1px solid #8d9aaf !important; color:#8d9aaf !important;}
.btn_stroke.btn_SuperDeepGray {border:1px solid #464646 !important; color:#464646 !important;}

/* 텍스트 아이콘 */
.text_icon {display:inline-block; margin:-3px 0 0 5px; padding:2px; border-radius:2px; vertical-align:middle; color:#fff; font-weight:400; font-size:11px; line-height:11px; background:#666;}
.text_icon.red_bg {background:#ca2121;}
.text_icon.blue_bg {background:#89b942;}
.text_icon.green_bg {background:#278e19;}
.text_icon.orange_bg {background:#e24c00;}
.text_icon.yellow_bg {background:#ecac00;}

/** 레이어팝업 **/
/* 클릭시 레이어팝업 뛰우기 버튼 : 버튼의 class에 OpenPop 추가 하고 rel에 고유의 문자 입력 */
/* 클릭시 레이어팝업 뛰우기 팝업 : 팝업 영역의 최상위 태그 class에 layerPopup_wrap 추가 하고 id에 고유의 문자 입력 */
.layerPopup_wrap {position:fixed; top:0; left:0; height:100%; width:100%; z-index:99999; display:none;}
.layerPop_btn {position:absolute; top:2px; right:8px; font-size:24px; color:#222;}
.layerPopup_bg {position:absolute;top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7!important;z-index:1;}
.layerPopup_box {position:absolute;top:0; left:0; width:50%; display:block; padding:20px; background:#fff; border-radius:20px; z-index:2; border-top:4px solid #89b942; height:360px; overflow-y: auto;}
.layerPopup_box .con_area div.tt{font-size:17px; font-weight:500; border-bottom:1px solid #ddd; padding-bottom:10px;}

/** 스크롤 커스터 마이징 **/
/* 커스터마이징 스크롤 적용 방법 : 적용 원하는 테그에 class="scroll_design" 추가 */
/*
body .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #89b942; background-color: rgba(239,42,34,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";}
body .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
body .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #89b942; background-color: rgba(239,42,34,0.8); filter: "alpha(opacity=80)"; -ms-filter: "alpha(opacity=80)";}
*/

/** 셀렉트박스 커스텀 디자인 **/
/* dl테그에 class="customSelect" 적용, dt에 input text readonly 적용, dd에 button으로 선택지 적용,dl에 넓이 지정 해주세요 */
.customSelect {position:relative;}
.customSelect dt {position:relative;}
.customSelect dt input {height:50px; line-height:50px; font-size:14px; text-indent:5px; width:100%; cursor:pointer;}
.customSelect dt input[readonly] {background:#fff;}
.customSelect dt:after {content:"\e941"; position:absolute; top:14px; right:20px; font-size:17px; font-family:'xeicon'; transition: all 0.2s ease;}
.customSelect dt.On:after {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.customSelect dd {display:none; position:absolute; top:45px; width:100%; max-height:150px; overflow:auto; border:1px solid #ddd; border-top:0; border-radius:0 0 4px 4px; background:#fff; z-index:9;}
.customSelect dd a {display:block; padding:5px 15px; width:100%; font-size:14px; color:#888; text-align:left; border-top:1px solid #eee;}
.customSelect dd a:hover {background:#fafafa;}

/** dl테그 테이블 모양 만들기 **/
.makeTableSet dl {display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; padding:0;}
.makeTableSet dt {display:table-cell; width:auto; vertical-align:middle;}
.makeTableSet dd {display:table-cell; width:auto; vertical-align:middle;}

/* 콘텐츠전환 텝메뉴 */
.tabContSet {display:none;}
.tabContSet.on {display:block;}



/********************************
 media query
*******************************/
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:860px) {
	.btn_small {height:20px; line-height:17px; font-size:11px;}
	.btn_medium {height:36px; line-height:34px; font-size:13px;}
	.btn_large {height:40px; line-height:38px; font-size:14px;}
	.btn_big {height:45px; line-height:43px; font-size:16px; font-weight:500;}
	.btn_xbig {height:45px; line-height:43px; font-size:16px; font-weight:500;}
	.bd_faq .faq_name{display:none;}
	.bd_faq dt,
	.bd_faq dd{padding-right:20px;}
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:640px) {
	.prd_sort_wrap {padding:15px;}
	.prd_sort_wrap .sort_list li {padding:0 5px; font-size:14px;}
	.layerPopup_box {width:90%;}
	.search_list .search-field select{width:100%}
	.search_list .search-field input{width:88%}
	.search_list .search-field .btn_search{width:12%}
}

@media screen and (max-width:640px) {
}