@charset "utf-8";
/**** 상태
날짜 작업자 비고
2023-09-06    서남아이에스:이다혜    placeholder 색상연하게 변경
                                    색상관련 root 생성
2023-09-07    서남아이에스:이다혜    검색화면 css 추가

*/


body {min-width:1150px; background:#555;}
#wrap {background:#fff url(../../images/memb/layout/bg_header4.gif) repeat-x; overflow:hidden;}

#header {position:relative; width:1100px; height:204px; margin:auto; z-index:100;}
#logo {position:absolute; top:75px; left:0;}
#topmenu #our_site {float:left; overflow:hidden;}
#topmenu #our_site li {float:left; padding:7px 0;}
#topmenu #our_site li a {display:block; padding:5px 5px;}
#topmenu #util {float:right; /* margin-right:40px; */ overflow:hidden;}
#topmenu #util li {float:left; padding:7px 9px 7px 10px; font-size:12px; line-height:26px; background:url(../../images/memb/layout/line_util.gif) no-repeat 0 15px;}
#topmenu #util li:first-child {background:none;}
#topmenu #util li a {display:block; height:26px; font-size:12px; line-height:26px;}
#gsearch {position:absolute; left:312px; top:76px;}
#gsearch input[type=text] {border:3px solid #0f6baf; width:462px; height:30px; padding:6px 10px;}
#gsearch input::placeholder {color : var(--color_placeholder)}


#gsearch .gsearch_keyword {overflow:hidden;}
#gsearch .gsearch_keyword li {float:left; width:25%; background:url(../../images/memb/layout/line_gsearch_keyword.gif) no-repeat 0 9px;}
#gsearch .gsearch_keyword li:first-child {background:none;}
#gsearch .gsearch_keyword li a {display:block; height:30px; color:#444; font-size:14px; line-height:30px; text-align:center;}
#bn_top_right {position:absolute; right:0; top:50px;}
#gnb_area {position:absolute; top:153px;}
#cateall {float:left; width:190px;}
#cateall h3 a {display:block; padding-left:52px; height:50px; font-size:16px; color:#fff; line-height:50px; background:#0f6baf url(../../images/memb/layout/ico_cate_allview.gif) no-repeat 21px 17px;}
#cateall #cateall_view {display:none; position:absolute; top:-3px; left:0; right:0; border:3px solid #0f6baf; border-left:0; background:#fff;}
#cateall #cateall_view dl {position:relative; padding-left:128px; overflow:hidden;}
#cateall #cateall_view dt {position:absolute; left:0; top:0; bottom:0; width:105px; border-top:1px solid #dedede; padding-left:23px; background:#0f6baf;}
#cateall #cateall_view dt a {display:block; position:absolute; top:50%; margin-top:-12px; color:#fff; font-weight:bold;}
#cateall #cateall_view dt.on a, #cateall #cateall_view dt a:hover, #cateall #cateall_view dt a:focus {text-decoration:underline;}
#cateall #cateall_view dd {padding:9px 0 0 7px; margin:0 0 9px 0; border-top:1px solid #dedede; font-size:13px; line-height:20px; background:url(../../images/memb/layout/bg_cateall.gif) no-repeat -5px 0; overflow:hidden;}
#cateall #cateall_view dl:first-child dt, #cateall #cateall_view dl:first-child dd {border-top:0;}
#cateall #cateall_view dd ul {float:left; width:131px; padding:0 15px;}
#cateall #cateall_view dd ul:first-child  {width:126px;}
#cateall #cateall_view dd ul li a {display:block; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#cateall #cateall_view dd ul li.on a, #cateall #cateall_view dd ul li a:hover, #cateall #cateall_view dd ul li a:focus {color:#0f6baf; text-decoration:underline;}
#cateall #btn_cateall_close {position:absolute; top:0; right:-53px;}
#gnb {float:right; width:910px;}
#gnb li {float:left; width:14.3%;}
#gnb li:first-child {width:14.2%;}
#gnb li a {display:block; height:50px; border-right:1px solid #e1e1e1; font-weight:bold; color:#333; font-size:16px; line-height:50px; text-align:center;}

#container {*zoom:1;}
#container:after {display:block; clear:both; content:'';}
#sidebar {float:left; width:190px; margin-top:78px;}
#sidebar h2 {height:79px; color:#fff; font-size:30px; line-height:79px; text-align:center; background:url(../../images/memb/layout/bg_sidebar_tit.gif) no-repeat;}
#snb {border:1px solid #cdcdcd; border-top:0;}
#snb>li {border-top:1px dotted #cdcdcd;}
#snb>li:first-child {border-top:0;}
#snb>li>a {display:block; padding:10px 25px; font-weight:bold; line-height:21px;}
#snb>li.on {background:#f7f7f7;}
#snb .on>a, #snb a:hover, #snb a:focus {color:#dd5411;}
#snb ul {display:none; margin:-8px 0 0 30px; padding-bottom:6px;}
#snb .on ul {display:block;}
#snb ul li a {display:block; font-size:14px; line-height:18px; padding:3px 8px; background:url(../../images/memb/common/bul_dot_gray.gif) no-repeat 0 11px;}
#snb ul li.on a, #snb ul li a:hover, #snb ul li a:focus {background-image:url(../../images/memb/common/bul_dot_orange.gif);}

#page_loc {position:absolute; top:0; left:0; right:0; height:24px; padding:12px 0; line-height:24px;}
#page_loc>span {display:inline-block; width:6px; height:11px; margin:0 5px; white-space:nowrap; text-indent:100%; background:url(../../images/memb/layout/arr_page_loc.gif) no-repeat; overflow:hidden;}
#page_loc .nav_select {min-width:150px; height:26px; padding:3px; margin-bottom:3px;}
/*#page_loc .nav_select {display:inline-block; min-width:150px; height:24px; border:1px solid #cdcdcd; *display:inline; *zoom:1; background:#fff;}
#page_loc .nav_select button {width:100%; height:24px; padding:0 7px; font-size:13px; line-height:24px; text-align:left; background:url(../../images/memb/common/arr_nav_select.gif) no-repeat right 10px;}
#page_loc .nav_select ul {display:none; position:absolute;}*/


#content {*zoom:1;}
#content:after {display:block; clear:both; content:'';}
#sidebar~#content {float:right; width:870px;}


#footer {color:#fff; background:#555;}
#footer #btn_top {position:fixed; bottom:20%; left:50%; margin:0 0 0 580px; z-index:1000;}  /* 2023.6.20 메인디자인 개편*/
#footer #site_info {position:relative; width:820px; padding:35px 0 35px 280px; margin:auto;}
#footer #site_info #btm_logo {position:absolute; top:85px; left:5px;}
#footer #site_info #policy {overflow:hidden;}
#footer #site_info #policy li {float:left; margin-left:15px; padding-left:16px; background:url(../../images/memb/layout/line_policy.gif) no-repeat 0 center;}
#footer #site_info #policy>li:first-child {margin-left:0; padding-left:0; background:none;}
#footer #site_info #policy li a {color:#fff;}
#footer #site_info address {display:block; margin-top:10px; padding-top:15px; border-top:1px solid #cdcdcd; font-style:normal; font-size:13px; line-height:20px;}

/* 하단 쇼핑정보 고정레이어 */
#layer_buyinfo {position:fixed; left:0; right:0; bottom:0; height:6px; border-top:3px solid #0960a0; background:#fff; z-index:500; overflow:visible !important;}
#layer_buyinfo .layer_buyinfo_inner {position:absolute; top:0; left:50%; bottom:0; width:1000px; margin:-46px 0 0 -500px;}
#layer_buyinfo .layer_buyinfo_inner .tab_tit {float:left; width:20%;}
#layer_buyinfo .layer_buyinfo_inner .tab_tit a {display:block; height:43px; border-left:1px solid #5798c7; color:#fff; font-size:16px; line-height:43px; text-align:center; background:#0f6baf;}
#layer_buyinfo.opened .layer_buyinfo_inner .tab_tit a {border-left:1px solid #aaa; background:#858585;}
#layer_buyinfo .layer_buyinfo_inner .tab_tit a:hover, #layer_buyinfo .layer_buyinfo_inner .tab_tit a:focus {border-left:1px solid #5798c7; background:#023c6f;}
#layer_buyinfo.opened .layer_buyinfo_inner .tab_tit.on a, #layer_buyinfo.opened .layer_buyinfo_inner .tab_tit a:hover, #layer_buyinfo.opened .layer_buyinfo_inner .tab_tit a:focus {border-left:1px solid #aaa; background:#0f6baf;}
#layer_buyinfo .layer_buyinfo_inner .tab_tit:first-child a {border-left:0 !important;}
#layer_buyinfo .layer_buyinfo_inner .tab_tit a .bul_arr {padding-left:23px; background:url(../../images/memb/layout/arr_layer_buyinfo.png) no-repeat 0 6px;}
#layer_buyinfo .layer_buyinfo_inner .tab_tit a .sm {font-size:14px; font-weight:normal;}
#layer_buyinfo .layer_buyinfo_inner .tab_cont {display:none; position:absolute; left:0; top:71px; right:0; bottom:25px;}
#layer_buyinfo .layer_buyinfo_inner .tab_tit.on+.tab_cont {display:block;}
#layer_buyinfo .layer_buyinfo_inner #btn_buyinfo_close {display:none; position:absolute; top:46px; right:-50px;}
#layer_buyinfo.opened .layer_buyinfo_inner #btn_buyinfo_close {display:block;}

#layer_buyinfo .bn_scroll_area {height:250px; overflow-y:auto;}
#layer_buyinfo .tb_scroll_area {height:217px; border-top:2px solid #666; border-bottom:1px solid #666; overflow-y:auto;}
#layer_buyinfo .tb_scroll_area .tb_goods {border:0; border-bottom:1px solid #cdcdcd;}
#layer_buyinfo .tb_scroll_area th, #layer_buyinfo .tb_scroll_area td {font-size:13px;}
#layer_buyinfo .tb_scroll_area td {padding:6px 10px;}
#layer_buyinfo .tb_scroll_area td label {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#layer_buyinfo .tb_scroll_area .flag_cancel td {color:#dd5411;}
#layer_buyinfo .tb_scroll_area .flag_approve td {color:#0f6baf;}
#layer_buyinfo .goodslist_ctrl {margin-top:5px; overflow:hidden;}
#layer_buyinfo .goodslist_ctrl .btn_area {margin-top:3px; float:right;}
#layer_buyinfo .btn_area {margin-top:0;}
#layer_buyinfo .btn_area .btn {width:95px; height:40px; padding:0; font-size:16px;}
#layer_buyinfo .btn_area a.btn {height:38px; line-height:38px;}
#layer_buyinfo .cart_list {float:left; width:785px;}
#layer_buyinfo .cart_list table {table-layout:fixed;}
#layer_buyinfo .cart_total {float:right; width:174px; height:250px; padding-left:25px; border-left:1px solid #cdcdcd;}
#layer_buyinfo .cart_total dl {padding-top:110px; height:99px;}
#layer_buyinfo .cart_total dt {font-weight:bold; font-size:16px;}
#layer_buyinfo .cart_total dd {font-size:18px; line-height:36px;}
#layer_buyinfo .cart_total dd strong {font-size:28px; letter-spacing:-1px;}
#layer_buyinfo .cart_total .btn_area {text-align:left;}

/* 레이어팝업 */
.no_scroll {position:fixed; overflow-y:scroll; width:100%;}
.layer_popup{position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000;}
.layer_popup .modal {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.layer_popup .layer_cont {position:absolute; top:50%; left:50%; width:696px; height:auto; margin-left:-500px; margin-top:-310px; border:2px solid #126caf; background:#fff; z-index:100;}
.layer_popup .layer_header {height:43px; line-height:43px; padding:0 0 2px 20px; background:#126caf;}
.layer_popup .layer_header .layer_tit {color:#fff; font-size:20px;}
.layer_popup .layer_header .layer_btn_print {position:absolute; top:11px; right:50px; width:26px; height:23px; text-indent:100%; white-space:nowrap; background:url(../../images/memb/common/layer_btn_print.gif) no-repeat; overflow:hidden;}
.layer_popup .layer_content {height:511px; padding:20px; overflow-y:auto;}
.layer_popup .layer_content>*:last-child {margin-bottom:20px;}
.layer_popup.large .layer_cont {width:996px;}
.layer_popup.large .layer_content {height:553px;}
.layer_popup.small .layer_cont {width:400px;}
.layer_popup.small .layer_content {height:165px;}
.layer_popup.alert .layer_cont {width:400px;}
.layer_popup.alert .layer_content {height:206px;}

.layer_popup .btn_area .btn {min-width:73px !important; height:36px !important; border:1px solid #ad3c24 !important; color:#fff !important; font-size:14px !important; line-height:34px !important; background:#dc5626 !important;}
.layer_popup .btn_area .btn+.btn {margin-left:5px;}
.layer_popup .btn_area .btn.nav {border:1px solid #505050 !important; background:#757575 !important;}
.layer_popup.alert .btn_area {margin-top:35px;}
.layer_popup.small .btn_area .btn, .layer_popup.alert .btn_area .btn {height:32px !important; padding:0 15px !important; border:1px solid #6d6d6d !important; line-height:30px !important; background:#858585 !important;}
.layer_popup.small .btn_area a.btn, .layer_popup.alert .btn_area a.btn {height:30px !important;}
.layer_popup.small .btn_area .btn.nav, .layer_popup.alert .btn_area .btn.nav {border:1px solid #c2c2c2 !important; color:#444 !important; background:#eee !important;}
.layer_popup .btn_area a.btn {height:34px; min-width:90px;}
.layer_popup .layer_btn_close {position:absolute; top:11px; right:20px; width:24px; height:23px; text-indent:100%; white-space:nowrap; background:url(../../images/memb/common/layer_btn_close.gif) no-repeat; overflow:hidden;}
.layer_popup.alert .layer_btn_close {top:10px; right:10px; width:22px; height:22px; background-image:url(../../images/memb/common/layer_btn_close_alert.gif)}

/* 신용정보몰 */
#credit_info_wrap {background:#fff url(../../images/memb/layout/bg_header2.gif) repeat-x; overflow:hidden;}
#credit_info_wrap #header {height:199px;}
#credit_info_wrap #topmenu #our_site li {padding:4px 0;}
#credit_info_wrap #topmenu #util li {padding:7px 9px 7px 10px; line-height:21px; background-position:0 12px;}
#credit_info_wrap #topmenu #util li.on {background-color:#ddd;}
#wrap #util li.on a {font-weight:bold;}
#credit_info_wrap #topmenu #util li.on.tax {background-image:none;}
#credit_info_wrap #topmenu #util li a {height:21px; line-height:21px; text-align:center;}
#credit_info_wrap #gsearch input[type=text] {border:3px solid #dd5411; width:310px; height:23px; padding:6px 10px;}
#credit_info_wrap #bn_top_right {top:48px;}
#credit_info_wrap #gnb_area {top:148px;}
#credit_info_wrap #cateall_view {width:1096px; z-index:10000;}
#credit_info_wrap #cateall_view dt {border-top:1px solid #d99b7d;}
#credit_info_wrap #cateall_view dd ul li.on a, #credit_info_wrap #cateall_view dd ul li a:hover, #credit_info_wrap #cateall_view dd ul li a:focus {color:#dd5411; text-decoration:underline;}
#credit_info_wrap #cateall #btn_cateall_close {top:-3px;}
#credit_info_wrap #gnb {width:725px;}
#credit_info_wrap #gnb li a {color:#fff; border-right:0; background:url(../../images/memb/layout/line_gnb.gif) no-repeat 0 16px;}
#credit_info_wrap #gnb li:first-child a {background:none;}
#credit_info_wrap #cateall h3 a {background-color:#b43b00; background-image:url(../../images/memb/layout/ico_cate_allview2.gif);}
#credit_info_wrap #cateall #cateall_view {top:0; border-color:#b43b00;}
#credit_info_wrap #cateall #cateall_view dt {background-color:#b43b00;}
#credit_info_wrap #goods_search {position:absolute; top:160px; right:1px;}
#credit_info_wrap #goods_search select {width:175px; height:27px; padding:3px; border:none;}
#credit_info_wrap h4 {width:1100px; margin:30px auto 20px; font-size:30px; line-height:30px;}

/* footer의 top버튼 위쪽의 MG장터, 배너 부분 */
#footer #floating-container {position:fixed; bottom:26%; left:50%; margin:0 0 0 580px; z-index:1000;}
 .floating_Banner1{width: 120px; height: 210px;position: relative; z-index: 2; border: 1px solid #dfdfdf; box-sizing: border-box; background-color: #fff; overflow: hidden;}
 .floating_Banner1 ul{width: 100%; height: 182px; background-color: #f5f5f5;}
 .floating_Banner1 li {display: block;width: 100%; }
 .floating_Banner1 li a{display: block; width: 100%;height: 100%;}
 .floating_Banner1 li a:focus{outline-offset: -2px;}
 .floating_Banner1 li a img{width:auto; height: 118px;}
 .floating_Banner1 li a p{ text-align: center; line-height: 1; margin: 5px 0 0 0; }
 .floating_Banner1 li a p.goods_tit{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;text-indent:4px; font-size: 13px; margin: 8px 0 0 0;}
 .floating_Banner1 li a p.goods_opt{font-size: 11px; margin: 8px 0 0 0;}

 /* 컨트롤러 */
 .floating_Banner1 .banner_ctrl{width: 100%; border-top: 1px solid #dfdfdf;}
 .floating_Banner1 .banner_ctrl button{font-size: 0;}
 .floating_Banner1 .banner_ctrl .btn_prev {left: 5px; top:50%; background:url(../../images/memb/main/mg_sn_main_base.svg) no-repeat; background-size: 400px; background-position: -167px -13px; width:18px; height: 18px;}
 .floating_Banner1 .banner_ctrl .btn_next {right:5px; top:50%; background:url(../../images/memb/main/mg_sn_main_base.svg) no-repeat; background-size: 400px; background-position: -216px -13px; width:18px; height: 18px;}
 .floating_Banner1 .banner_ctrl p{line-height: 1; display: inline-block; width: 62%; text-align: center; color:#444;}

 /* 메인에서 사용하는 공통css */
.blind{display:block;text-indent:-2000px;overflow:hidden; font-size:0;}

 /* 플로팅 배너 2 */
.floating_Banner2{width: 180px; height: 180px;position: relative; z-index: 1; margin-top:16px; }
.floating_Banner2 .floating-Wrapper{z-index: 1;position: relative;width: 100%;height: 180px; border: 1px solid #dfdfdf; box-sizing: border-box;  border-radius: 15px; box-shadow: 2px 2px 4px #dfdfdf; overflow: hidden; }
.floating_Banner2 .floating-Wrapper li{position: absolute; top:0; width: 100%; height:500px; left:-100%;}
.floating_Banner2 .floating-Wrapper li:nth-child(1){left: 0%; position: relative;}
/* .floating_Banner2 .floating-Wrapper li:last-child{left:-100%;} */
.floating_Banner2 ul li a {display: block; }
.floating_Banner2 ul li a:focus{outline-offset:-4px;}
.floating_Banner2 ul li a img{width:100%; height: 100%;}

 /* 플로팅배너 2 닫기버튼 */
.close_wrap{position: absolute; top:-10px; right: -8px; z-index: 2; }
.close_wrap>a{display: block;font-size: 0; width: 25px; height: 27px; background:url(../../images/memb/main/mg_sn_main_base.svg) no-repeat; background-size: 900px; background-position: -558px -103px; }

 /* 플로팅 배너 네비게이션 버튼박스 */
.navBtn-wrap{ z-index: 2; position: absolute; bottom:5px; left: 50%; height: 14px; transform: translate(-50%, -50%);}
.navBtn-wrap>div{ width:10px; height: 10px; margin-right:8px;  float: left; transition: all 0.4s;}
.navBtn-wrap>div:last-child{ margin-right: 0;}
.navBtn-wrap>div>a{display: block; width: 100%; height: 10px; background: #fff; border-radius: 15px; transition: all 0.4s; border: 1px solid #dfdfdf}
.navBtn-wrap>div.addNavBtn{ margin-right:10px ; width:16px; height: 10px; float: left; transition: all 0.4s;}
.navBtn-wrap>div>a.addNavBtn{ width: 100%; background: #4e4d4d; transition: all 0.4s;}



/* 상단 고정 2023-09-08 수정완료 */
.headerFix{position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 110px; background-color: #fff; border-bottom: 1px solid #eee; box-shadow: 2px 2px 5px #c5c5c5; display: none;}
#logo.headerFixed{display: block; position: fixed!important; z-index: 20; top: 35px; left:50%; margin-left:-550px ;}
#gsearch.headerFixed {position:fixed;z-index: 20; left:50%; margin-left: -257px; top:35px;}
#bn_top_right.headerFixed {position:fixed;z-index: 30; top:10px!important; left: 50%; margin-left: 320px;}

/**
* 검색 조건 신규 작업
*/
#gsearch {z-index: 2;}
#gsearch fieldset{display: flex;}
.search-autoWrap{overflow: hidden; display: block; padding: 20px 20px 20px 20px; text-align: left; background: #fff;border:3px solid #0f6baf; border-top: 0px; max-width:487px;}
.search-popup{position: relative; display: flex; justify-content: space-between; flex-flow: row wrap; padding-bottom: 20px;}
/* 검색어에 텍스트 작성 or 입력일 때 */
.search-keyword-area{width: 60%;}
.search-keyword-area ul li{margin-bottom: 8px;}
.search-keyword-area ul li a:hover{text-decoration: underline; color: #0F6BAF; font-weight: 700;}
.search-keyword-area ul li a span{color: #0F6BAF;}


/* 최근 검색어 */
.leftarea  {width: 60%;}
.leftarea .recent-area{width: 100%;margin: 0;padding: 0;}

/* 검색결과 0건 영역 */
.leftarea .nodata {display: flex;flex-direction:column;justify-content: center;align-items:center; height: 160px; text-align: center;}
.searchNone{ width: 100%; text-align: center; padding: 16px 0; background: #f4f4f4;}
.searchNone h3{ display: inline-block; font-size: 22px; }
.searchNone span {font-size: 15px; color:#333;}
.searchNone div { width: 100%; max-width: 640px; margin: 24px auto; text-align: left;}
.searchNone div p{position: relative;text-indent: 19px;padding: 0 5px;margin: 10px 0;font-size: 18px;}
.searchNone div p::after{position: absolute;top :10px; left: 5px; content: ""; width: 8px; height: 8px; background: #0072bc; border-radius: 4px;}

/* 최근 검색어 있는경우 */
.leftarea .recent-list li{position: relative; margin-bottom: 8px;}
.leftarea .recent-list li a{display: block; width: calc(100% - 40px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.leftarea .recent-list li button{position: absolute; top: 6px; right: 20px; width: 12px; height: 12px;}

/* 인기 검색어 */
.right-area{position: relative; width: 173px; padding-left: 18px;}
.right-area::before{content: ""; display: block; position:absolute;top: 0;left: 0; width: 1px; height: 100%; background-color: #ddd;}
.right-area .best-rank li{margin: 8px 0; font-weight: 500;}
.right-area .best-rank li span{text-align: center;padding-right: 8px; color: #0F6BAF;}
.right-area .best-rank li a:hover{text-decoration: underline; color: #0F6BAF;}

/* 자동완성 */
.autoTxt .search-popup{display: block;}
.autoTxt .nodata{display: flex; flex-direction:column; justify-content: center; align-items:center; height: 160px; text-align: center;}
.autoTxt .autoTxt-list li {padding: 3px 0; width: 460px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.autoTxt .autoTxt-list li a:hover{text-decoration: underline; color: #0F6BAF;}

.srch-refresh {float:right; padding : 5px 0;}
.srch-refresh span{font-size : 16px; marin-right:5px;}

/* 타이틀 */
.stitle{margin-bottom: 10px; color: #333; font-size: 16px; font-weight: 700;}

/* 닫기 버튼 */
.search-close{position: absolute; bottom: 0px; right: 0px; color: #888;}
.search-close img{padding: 0 0 1px 8px;}
.search-delete{position: absolute; bottom: 0px; left: 0px; color: #888;}



/** 검색결과 화면 시작 **/
/* 검색결과 화면 타이틀 */
#content.search-content .title-area .page_title{font-size: 28px;text-align: center;padding-bottom: 30px;}
#content.search-content .title-area .page_title span:last-child{font-size: 20px;}

#content.search-content .title-area .page_title.nodata{font-size: 32px; text-align: center; margin-bottom:20px; margin: 50px}

/* 검색결과 콘텐츠 */
#content.search-content .title-area .tit_page{position: relative;font-size: 20px;font-weight: 600; line-height: 24px; border-bottom: 1px solid #444; padding-bottom: 8px; margin-bottom: 24px;}
#content.search-content .title-area .tit_page::after{position: absolute;top: 50%; right: 0; content: ""; width: 0; height: 0;border-bottom: 8px solid transparent;border-top: 8px solid #444;border-left: 8px solid transparent;border-right: 8px solid transparent;}
#content.search-content .relate-keyword{position: relative;width: 100%;padding: 15px 0 15px 0;border-top: 1px solid #cdcdcd;}
#content.search-content .relate-keyword span{padding: 0 8px; line-height: 1.2; font-size: 16px; }
#content.search-content .relate-keyword span a{font-size: 14px;}

#content.search-content table {border-top:1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; margin-bottom:50px;}
#content.search-content table tr {height: 50px;}
#content.search-content table td {font-size: 14px;}
#content.search-content table th {text-align: center; font-size: 16px; font-weight: 500;}

#content.search-content table span a{font-size: 15px;display: inline-block; padding: 4px 6px; margin-right: 4px;}
#content.search-content table span a.select{color: #0f6baf;text-decoration: underline;font-weight: bold;}
#content.search-content table td input[type=text]{width: 128px;}
#content.search-content table td button{padding: 7px 8px; background-color: #0f6baf; color:#fff; margin-right: 16px; }
#content.search-content table td button.searchBtn{background: url(../../images/memb/layout/pay-search-icon.png)no-repeat 50% 50%; width: 24px;height: 24px;margin-left: 4px; text-indent: -100000px; margin-right: 80px; }
#content.search-content table td button.btn-delete {background-color:#fff;}


/* 기획전 영역*/
.mgEvent-area ul li {padding: 5px 0px}
.mgEvent-area ul li a{font-size: 18px;}
.mgEvent-area ul li a span:first-child {margin-left:30px; padding:0 15px; font-size:18px; background:url(../../images/memb/common/bul_tit2.gif) no-repeat 0 7px;}
.mgEvent-area ul li a span.event-dt {margin-left:10px; font-size:17px; font-weight:bold; color:#858585;}


/* 추천상품 영역 */
#recommend_goods_wrap{position: relative; z-index: 1; width:100%; height:300px; margin: 10px 0; padding-bottom:30px; }
#recommend_goods_wrap div.recommend-goods{ position: relative; z-index: 1; width: 100%; margin: 0 auto; overflow: hidden;}

.recommend-goods{width: 100%; min-height: 270px;}
.recommend-goods .recommend-list {position:absolute; height:270px; width: 100%; overflow: hidden;}
.recommend-goods .recommend-list li{box-sizing: border-box; float: left; margin-right: 22px;}
.recommend-goods .recommend-list li img{border: 1px solid #ddd;}
.recommend-goods .recommend-list strong{display: block; font-size:13px; line-height:20px; letter-spacing:-0.5px; width: 200px; text-overflow: ellipsis; padding: 10px 0;}
.recommend-goods .recommend-list li:last-child{margin-right: 0px;}
.recommend-goods .recommend-list.recommend_List1 {left: 0;}
.recommend-goods .recommend-list.recommend_List2 {left: 100%;}

/* 상품영역 컨트롤러 */
#recommend_goods_wrap .recommend_ctrl{text-align: right;margin: 0 0 8px 0;}
#recommend_goods_wrap .recommend_ctrl button{font-size: 0;}
#recommend_goods_wrap .recommend_ctrl .btn_prev {left: 5px; top:50%; background:url(../../images/memb/main/mg_sn_main_base.png) no-repeat; background-size: 400px; background-position: -166px -13px; width:22px; height: 22px;border: 1px solid #ddd;}
#recommend_goods_wrap .recommend_ctrl .btn_next {right:5px; top:50%; background:url(../../images/memb/main/mg_sn_main_base.png) no-repeat; background-size: 400px; background-position: -217px -13px; width:22px; height: 22px;border: 1px solid #ddd;}
#recommend_goods_wrap .recommend_ctrl p{line-height: 1; display: inline-block; text-align: center; color:#444; font-size: 18px; vertical-align: middle; padding: 0 8px;}


/* 상품 진열 */
.goodslist_sort_bar {margin:20px 0 40px 0; border-bottom:1px solid #cdcdcd; overflow:hidden;}
.goodslist_sort_bar .sort {float:left; margin:5px 0 0 8px; overflow:hidden;}
.goodslist_sort_bar .sort li {float:left; line-height:1.2; background-image:url(../../images/memb/common/line_sort.gif);background-repeat: no-repeat; background-position: 0 11px;}
.goodslist_sort_bar .sort a {padding:8px 24px; font-size:14px; display: block;}
.goodslist_sort_bar .sort li.on a {font-weight:bold; color:#fff; background: #0f6baf;}
.goodslist_sort_bar .search {float:right; font-size:0; padding-top: 6px;}
.goodslist_sort_bar .search .btn_list_type {display:inline-block; width:27px; height:26px; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(../../images/memb/common/btn_list_type_off.gif) no-repeat; overflow:hidden;}
.goodslist_sort_bar .search .btn_list_type.on {background-image:url(../../images/memb/common/btn_list_type_on.gif);}
.goodslist_sort_bar .search .btn_img_type {display:inline-block; width:26px; height:26px; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(../../images/memb/common/btn_img_type_off.gif) no-repeat; overflow:hidden;}
.goodslist_sort_bar .search .btn_img_type.on {background-image:url(../../images/memb/common/btn_img_type_on.gif);}




/* 색상 변수 모음 */
:root {
    --color_placeholder: #aaa;/**/
}