/*=================================================================================================
// 명    칭 : 레이아웃 스타일쉬트
// 처리내용 :
// 작 성 자 : 2018-10-25 김진후
//=================================================================================================*/
@charset "utf-8";

body{height:100%;}
select{
  font-size:12px;
  background-color:white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
  background-position : 100% center;
  background-repeat: no-repeat;
  padding-right: 1.5em;
  padding-left: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
}
input{font-size:12px;}
textarea{font-size:12px;}


#diWrap{position: relative; width:100%; overflow: hidden;background:#eee }
#diContainer{position:relative; margin-bottom:30px;background:#fff }

#diContent{position:relative;padding:150px 15px 75px; }
@media screen and (max-width: 320px)
{
  #diContent{ padding:80px 10px 100px; }
}

#diCon{position:relative; width: 100%; box-sizing: border-box;}

#diHeaderWrap{position:fixed; width: 100%; z-index:30;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1)}
#diHeaderWrap .dcHeaderTop{position:relative; width:100%; line-height:60px; overflow:hidden;background:#fff;}
#diHeaderWrap .dcHeaderTop button.dcBtnMenuOpen{float:left; width:20%; line-height:60px; background: url(../img/btnMenu.png) no-repeat 50% 50%; text-indent:-9999px; background-size: 30%;}
#diHeaderWrap .dcHeaderTop h1#diLogoType{float:left; width:60%; font-size:15px; font-weight:500;box-sizing:border-box;text-align:center;}
#diHeaderWrap .dcHeaderTop h1#diLogoType a{display:block;font-weight:700;margin:0 auto;color:black}

#diHeaderWrap .dcHeaderTop #sh_btn{float:left; width:20%;height:60px;text-align:center;background:url(../img/btnSearch.png) no-repeat 50% 50%}

#diHeaderWrap .category_bar{
  position:fixed;width:100%;height:45px;line-height:45px;margin-top:0px;
  background:#187bb8;
  background: -webkit-linear-gradient(left, #1856bb , #187bb8); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #1856bb, #187bb8); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #1856bb, #187bb8); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #1856bb , #187bb8); /* Standard syntax */
 }
#diHeaderWrap .scroll_x{position:relative;width:100%;overflow:hidden;overflow-y:hidden;overflow-x:auto;white-space:nowrap;z-index:1;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:-moz-scrollbars-none;scrollbar-width:none}
#diHeaderWrap .scroll_x::-webkit-scrollbar{display:none;-webkit-appearance:none;}
#diHeaderWrap .scroll_x {	&::-webkit-scrollbar {display: none;}}

#diHeaderWrap .category_bar ul {display:table; white-space:nowrap}
#diHeaderWrap .category_bar ul li.category{ display:table-cell; white-space:nowrap;text-align:center; font-family:'GmarketSansMedium';font-size:14px; padding:0 10px;color:#fff;}
#diHeaderWrap .category_bar ul li a{color:#fff}
#diHeaderWrap .category_bar ul li a.on{font-weight:bold;}


#diHeaderWrap .dcOrderListWrap{}
#diHeaderWrap .dcOrderListWrap p.dcPTitle{font-size:16px; font-weight:400; color:#fff; line-height:60px; padding:0 20px 0 45px; background: url(../img/common/bgLeftMenu05.png) no-repeat 20px 50%;}
#diHeaderWrap .dcOrderListWrap .dcOrderList{border:solid 1px #5c6573; margin: 0 20px;}
#diHeaderWrap .dcOrderListWrap .dcOrderList dl{border-bottom:dotted 1px #5c6573; overflow:hidden; padding:13px 10px 13px 0;}
#diHeaderWrap .dcOrderListWrap .dcOrderList dl:last-child{border-bottom:0;}
#diHeaderWrap .dcOrderListWrap .dcOrderList dl dt{float:left; width:78px; text-align:center; font-size:14px; font-weight:400; color:#fff; padding-top: 38px;}
#diHeaderWrap .dcOrderListWrap .dcOrderList dl dt.dcDt01{background: url(../img/common/bgLeftMenu06.png) no-repeat 50% 10px;}
#diHeaderWrap .dcOrderListWrap .dcOrderList dl dt.dcDt02{background: url(../img/common/bgLeftMenu07.png) no-repeat 50% 10px;}
#diHeaderWrap .dcOrderListWrap .dcOrderList dl dt.dcDt03{background: url(../img/common/bgLeftMenu08.png) no-repeat 50% 10px;}
#diHeaderWrap .dcOrderListWrap .dcOrderList dl dd{float:left; border:solid 1px #ccc; background-color:#fff; width: 110px; box-sizing: border-box; }
#diHeaderWrap .dcOrderListWrap .dcOrderList dl dd p{font-size:14px; font-weight:500; color:#333; padding:5px 10px; }
#diHeaderWrap .dcOrderListWrap .dcOrderList dl dd p span{float:right; color:#36a0aa;}
#diHeaderWrap .dcOrderListWrap .dcOrderList dl dd p.dcPBuyer{border-bottom:solid 1px #ccc;}
#diHeaderWrap .dcOrderListWrap .dcOrderList dl dd p.dcPBuyer{}
#diHeaderWrap .dcOrderListWrap .dcOrderList dl .color36A0AA{color:#36a0aa;}

#sh_box{position: fixed;top: 0;left: 0;width: 100%;min-height: 100%;z-index:9999;text-align:center;padding:10px;background-color: rgba(0, 0, 0, 0.8);display: none;}
#sh_box #sh_close{text-align:right;margin-bottom:5px;}
#sh_box .dcSearchWrap{width: 100%;height: 46px;border: solid 3px #5e5e5e;background-color: #fff;}
#sh_box .dcSearchWrap input {display: inline-block;width: calc(83% - 10px);right: 0px;height: 40px;border: 0; padding: 0 10px;background-color: #fff;color: #333;font-size:16px;}
#sh_box .dcSearchWrap input::placeholder{font-size:16px;}
#sh_box .dcSearchWrap button {display: inline-block;width: 50px;height: 40px;background: url(../img/btnSearch.png) no-repeat 50% 50% #fff;text-indent: -9999px;float: right;}

.actionBar{position:fixed;bottom:0;width:100%;border-top:1px solid #e6e6e6;background:#fff;height:60px;padding:0;margin:0;z-index:40;    box-shadow: 0px -5px 5px rgb(50 50 90 / 10%)}
.actionButton ul{text-align: center;}
.actionButton li{display:inline-block;width:18.8%;height:60px;vertical-align:middle;text-align:center;font-size:11px;line-height:11px;letter-spacing:-.1px;margin:5px 0;}
.actionButton li a{display:inline-block;width:100%;text-align:center;color:#000;}
.actionButton li a img{padding:5px;width:35px;}

.kjBuOD {top:-50px;}

#diContainerHeader{height: 100%; position:relative; z-index:30;}
#diContainerHeader .dcContainerHeaderTop{height:85px; line-height:85px; box-sizing:border-box; padding: 0 40px; background-color:#3b7f90;}
#diContainerHeader .dcContainerHeaderTop .dcBtnLeftMenu{float:left; margin-right:40px;}
#diContainerHeader .dcContainerHeaderTop .dcBtnLeftMenu button{width:29px; height:15px; text-indent:-9999px; z-index: 10;}
#diContainerHeader .dcContainerHeaderTop .dcBtnLeftMenu button.dcBtnClose{display:none; background: url(../img/common/btnMenuClose.png) no-repeat 50% 50%;}
#diContainerHeader .dcContainerHeaderTop .dcBtnLeftMenu button.dcBtnOpen{background: url(../img/common/btnMenuOpen.png) no-repeat 50% 50%;}

#diContainerHeader .dcContainerHeaderTop .dcTopMenuWrap{float:left;}
#diContainerHeader .dcContainerHeaderTop .dcTopMenuWrap>ol.dc1depth{}
#diContainerHeader .dcContainerHeaderTop .dcTopMenuWrap>ol.dc1depth>li{float:left; position:relative;}
#diContainerHeader .dcContainerHeaderTop .dcTopMenuWrap>ol.dc1depth>li.on a.dc1depthCateNM{font-weight:700;}
#diContainerHeader .dcContainerHeaderTop .dcTopMenuWrap>ol.dc1depth>li.on a.dc1depthCateNM::after{content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:#173238;}
#diContainerHeader .dcContainerHeaderTop .dcTopMenuWrap>ol.dc1depth>li>a.dc1depthCateNM{display:block; font-size:16px; font-weight:400; color:#fff; padding:0 20px;}
#diContainerHeader .dcContainerHeaderTop .dcTopMenuWrap>ol.dc1depth>li>ul.dc2depth{display:none; position: absolute; width:200px; background-color:#abd2dc;}
#diContainerHeader .dcContainerHeaderTop .dcTopMenuWrap>ol.dc1depth>li>ul.dc2depth li{line-height:40px;}
#diContainerHeader .dcContainerHeaderTop .dcTopMenuWrap>ol.dc1depth>li>ul.dc2depth li:hover{background-color:#173238;}
#diContainerHeader .dcContainerHeaderTop .dcTopMenuWrap>ol.dc1depth>li>ul.dc2depth li:hover a{color:#fff;}
#diContainerHeader .dcContainerHeaderTop .dcTopMenuWrap>ol.dc1depth>li>ul.dc2depth li a{display:block; font-size:16px; font-weight:400; color:#173238; padding:0 20px;}

#diContainerHeader .dcContainerHeaderTop .dcGnbWrap{float:right;}
#diContainerHeader .dcContainerHeaderTop .dcGnbWrap ul{}
#diContainerHeader .dcContainerHeaderTop .dcGnbWrap ul li{float:left; padding:0 15px; background: url(../img/common/gnbBar.png) no-repeat 100% 50%;}
#diContainerHeader .dcContainerHeaderTop .dcGnbWrap ul li:last-child{background:none;}
#diContainerHeader .dcContainerHeaderTop .dcGnbWrap ul li a{font-size:14px; font-weight:400; color:#fff; }
#diContainerHeader .dcContainerHeaderTop .dcGnbWrap ul li a.dcALogout{background: url(../img/common/gnbLogout.png) no-repeat 0 50%; padding:0 0 0 20px;}

#diContainerHeader .dcTitleWrap{position:relative; padding:40px 80px; background-color:#fff;}
#diContainerHeader .dcTitleWrap h1#diSiteName{font-size:30px; font-weight:500; color:#354052; line-height: 33px; margin-bottom:30px;}
#diContainerHeader .dcTitleWrap p.dcPDday{position:absolute; top:30%; right:80px; height:40px; line-height:40px; font-size:50px; font-weight:500; color:#667add; padding:0 0 0 45px; background: url(../img/common/bgDDayCal.png) no-repeat 0 50%;}
#diContainerHeader .dcTitleWrap .dcNavgation{background: url(../img/common/navHome.png) no-repeat 0 66%; padding:0 0 0 20px;}
#diContainerHeader .dcTitleWrap .dcNavgation span{font-size:12px; font-weight:400; color:#333; padding:0 15px 0 5px;}
#diContainerHeader .dcTitleWrap .dcNavgation span.spanArrow{background: url(../img/common/navArrow.png) no-repeat 100% 50%;}

#diFooter{/*position:fixed;*/ bottom:0; width:100%;  z-index:30;}
#diFooter button.dcBtnTop {width: 100%; line-height: 30px; background: url(../img/common/btnTop.png) no-repeat 50% 50% #0b3679; text-indent: -9999px;}
#diFooter p{width:100%;position:absolute;bottom:70px;text-align:center; font-size:11px; font-weight:300; color:#fff; background-color:#333; padding:2% 4%; box-sizing:border-box;z-index: 39;  }

#diLoginWrap{border-top:solid 7px #0d3678; background-color:#fff; padding: 15% 10% 0 10%;}
#diLoginWrap .dcLoginBox{text-align:center;}
#diLoginWrap .dcLoginBox h3.dcH3Title{margin-bottom:10%;}
#diLoginWrap .dcLoginBox h3.dcH3Title img{width:70%;}
#diLoginWrap .dcLoginBox .dcInputWrap{background-color:#fff; padding:7% 10% 10%; overflow:hidden;}
#diLoginWrap .dcLoginBox .dcInputWrap h4{text-align:left; font-size:20px; font-weight:600; color:#333; margin-bottom:10px;}
#diLoginWrap .dcLoginBox .dcInputWrap h4 span{color:#0d3678;}
#diLoginWrap .dcLoginBox .dcInputWrap .dcLeft{width:100%;}
#diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl{overflow:hidden; border:solid 1px #ccc; box-sizing:border-box; margin-bottom:15px;}
#diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dt{float:left; width:20%; height:40px; line-height:40px; text-indent:-99999px;}
#diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dt.dcID{background:url(../img/common/bg_login_id.png) no-repeat 50% 50% #f6f6f6; background-size: 20px;}
#diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dt.dcPW{background:url(../img/common/bg_login_pw.png) no-repeat 50% 50% #f6f6f6; background-size: 20px;}
#diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dd{float:left; width:80%;}
#diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dd input{width:100%; height:40px; line-height:40px; border:0; background-color:#fff; padding:0 20px; font-size:16px; color:#333;}
#diLoginWrap .dcLoginBox .dcInputWrap .dcLeft button.dcBtnLogin{width:100%; height:45px; line-height:40px; background-color:#0d3678; border:solid 1px #0d3678; box-sizing:border-box;}
#diLoginWrap .dcLoginBox .dcInputWrap .dcLeft button.dcBtnLogin p{display:inline-block; text-align:center; font-size:16px; color:#fff; padding-left:30px; background:url(../img/common/bg_login_btn.png) no-repeat 0 50%; background-size: 20px;}
#diLoginWrap .dcLoginBox .dcInputWrap .dcLeft .login_opt_chk {margin:10px 0;}
#diLoginWrap .dcLoginBox p.dcPEtc{font-size:14px; font-weight:400; color:#000; padding-left:25px; background:url(../img/common/bg_login_find.png) no-repeat 0 50%;}


.dcSideMenuWrap{position:fixed; top:0px; left:-80%; width:80%; height:100%; min-height:100%; overflow:auto; padding:20px 0 0 0; background-color:#fff; z-index:10000; -webkit-transition:left 0.2s ease-out,opacity 0.3s ease-out;-moz-transition:left 0.2s ease-out,opacity 0.3s ease-out; transition:left 0.2s ease-out;}
.dcSideMenuWrap .dcMenuTop{border-bottom:solid 1px #ddd; width:100%; overflow:hidden; padding:10px;}
.dcSideMenuWrap .dcMenuTop ul{float:left; overflow:hidden;}
.dcSideMenuWrap .dcMenuTop ul li{float:left; width:80px; height:30px;  background-color:#495b68; text-align:center; margin:0 5px 0 0;}
.dcSideMenuWrap .dcMenuTop ul li:last-child{margin:0; background-color:#539b8e;}
.dcSideMenuWrap .dcMenuTop ul li a{line-height:30px; font-size:13px; font-weight:400; color:#fff; }
.dcSideMenuWrap .dcMenuTop .dcBtnClose{float:right; width:40px; line-height:30px; cursor:pointer; background: url(../img/common/btnClose.png) no-repeat 50% 50% #fff; text-indent:-9999px;}
.dcSideMenuWrap .dcSiteMenu{}
.dcSideMenuWrap .dcSiteMenu ul{margin:0 0 20px 0;}
.dcSideMenuWrap .dcSiteMenu ul li{border-bottom:solid 1px #ddd;}
.dcSideMenuWrap .dcSiteMenu ul li a{background: url(../img/common/btnMenuOpen.png) no-repeat 95% 50%;}
.dcSideMenuWrap .dcSiteMenu ul li.open{background-color:#ff8000;}
.dcSideMenuWrap .dcSiteMenu ul li.open > a{color:#fff; font-weight:500; background: url(../img/common/btnMenuClose.png) no-repeat 95% 50% ;}
.dcSideMenuWrap .dcSiteMenu ul li.on{background-color:#ff8000;}
.dcSideMenuWrap .dcSiteMenu ul li.on > a{color:#fff; font-weight:500; background: url(../img/common/btnMenuClose.png) no-repeat 95% 50% ;}
.dcSideMenuWrap .dcSiteMenu ul li.on ul.dc_2depthWrap{display:block;}
.dcSideMenuWrap .dcSiteMenu ul li a{display:block; padding:10px 0 10px 20px; font-size:14px; font-weight:300; color:#333;}
.dcSideMenuWrap .dcSiteMenu ul li ul.dc_2depthWrap{display:none;}
.dcSideMenuWrap .dcSiteMenu ul li ul.dc_2depthWrap li{background-color:#f1f1f1; border-bottom:solid 1px #ddd;}
.dcSideMenuWrap .dcSiteMenu ul li ul.dc_2depthWrap li:hover{background-color:#eee;}
.dcSideMenuWrap .dcSiteMenu ul li ul.dc_2depthWrap li:hover a{text-decoration:underline #aaa; color:#333; background: url(../img/common/btnMenuGo.png) no-repeat 95% 50%; background-size: 15px;}
.dcSideMenuWrap .dcSiteMenu ul li ul.dc_2depthWrap li.selected{background-color:#eee;}
.dcSideMenuWrap .dcSiteMenu ul li ul.dc_2depthWrap li.selected a{text-decoration:underline #aaa; color:#333; background: url(../img/common/btnMenuGo.png) no-repeat 95% 50%; background-size: 15px;}
.dcSideMenuWrap .dcSiteMenu ul li ul.dc_2depthWrap li:last-child{border-bottom:0;}
.dcSideMenuWrap .dcSiteMenu ul li ul.dc_2depthWrap li a{padding:10px 0 10px 30px; font-size:14px; color:#666; background: url(../img/common/btnMenuGo.png) no-repeat 95% 50%; background-size: 15px;}

#cover_close_button{width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:rgba(0,0,0,0.6); z-index:9999; display:none;}

.dcSideMenuWrap .dcSiteMenu .dcEtcTelWrap{border:solid 1px #ddd; background-color:#f1f1f1; width:80%; margin:0 auto; padding:10px;}
.dcSideMenuWrap .dcSiteMenu .dcEtcTelWrap h2#diFTLogoType{text-align:center;}
.dcSideMenuWrap .dcSiteMenu .dcEtcTelWrap h2#diFTLogoType img{width:70%;}
.dcSideMenuWrap .dcSiteMenu .dcEtcTelWrap p.dcTEL{text-align:center;}
.dcSideMenuWrap .dcSiteMenu .dcEtcTelWrap p.dcTEL a{font-size:18px; font-weight:bold; color:#333;}
.dcSideMenuWrap .dcSiteMenu .dcEtcTelWrap p.dcFAX{text-align:center; font-size:12px; color:#333;}


.ssReg { width:100%; border:1px solid #a9a9a9; }
.ssReg thead th {  padding-left:12px; color:black; height:35px; line-height:120%; font-weight:bold; font-size:12px; background:#f8f8f8; text-align:center; border-right:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9;vertical-align:middle; }
.ssReg thead td { height:35px; line-height:35px; border-right:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9; color:black; background: #f8f8f8; text-align:center; font-size:12px; font-weight:bold; }

.ssReg tbody th {  padding-left:12px; color:black; height:35px; line-height:120%; font-weight:normal; font-size:12px; background:#f8f8f8; text-align:left; border-right:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9;vertical-align:middle; }
.ssReg tbody th.ssCenter {  padding-left:0; color:black; height:35px; line-height:120%; font-weight:normal; font-size:12px; background:#f8f8f8; text-align:left; border-right:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9; }
.ssReg tbody th.ssRequire { padding-left:12px; background:url(/modules/adm/css/images/require.png) #f8f8f8 5px 50% no-repeat; }
.ssReg tbody td { padding:5px; /*height:35px;*/ line-height:20px; font-size:12px; border-bottom:1px solid #a9a9a9; border-right:1px solid #a9a9a9; vertical-align:middle; background:white; }
.ssReg tbody td.ssCenter { padding-left:0px; height:35px; line-height:120%; font-size:12px; border-bottom:1px solid #a9a9a9; border-right:1px solid #a9a9a9; vertical-align:middle; background:white; }

.ssReg .ssMonth { display:inline-block;height:21px; width:21px; margin:0 1px; background:url(/modules/adm/css/images/cal.gif); cursor:pointer;}
.ssReg ul { vertical-align:middle; }
.ssReg li { float:left; vertical-align:middle; }






/*2021-04-29 휘 약정변경*/
.ssReg2 { width:100%; border:1px solid #a9a9a9; background:transparent }
.ssReg2 th { padding:5px;color:black;  font-weight:bold; font-size:11px; background:#f8f8f8; text-align:center; border-right:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9;vertical-align:middle; }
.ssReg2 td { padding:5px;font-size:12px; border-bottom:1px solid #a9a9a9; border-right:1px solid #a9a9a9; vertical-align:middle;  }
.ssReg2 input{height:20px !important}





.ssList { width:100%; background-color:white;border-left:1px solid #a9a9a9 !important;border-top:1px solid #a9a9a9 !important;}
.ssList thead th { color:black; height:30px; line-height:120%; font-weight:bold; font-size:12px; background:#f8f8f8; text-align:center;  border-bottom:1px solid #a9a9a9 !important; border-right:1px solid #a9a9a9 !important; }
.ssList thead td { height:30px; line-height:120%; font-size:12px; border-bottom:1px solid #a9a9a9 !important; border-right:1px solid #a9a9a9 !important; vertical-align:middle; background:white; text-align:center; }
.ssList tbody tr:hover td {background-color:#C7F18C}
.ssList tbody tr.on td {background-color:#C7F18C}
.ssList tbody th { color:black; height:30px; padding:5px; line-height:120%; font-weight:normal; font-size:12px; background:#f8f8f8; text-align:center;  border-bottom:1px solid #a9a9a9 !important; border-right:1px solid #a9a9a9 !important; }
.ssList tbody td { height:30px; padding:5px; line-height:120%; font-size:12px; border-bottom:1px solid #a9a9a9 !important; border-right:1px solid #a9a9a9 !important; vertical-align:middle; background:white; text-align:center; }


/* 상품 목록 */
/*div, h2, p, li, span{font-family: 'Noto Sans KR', sans-serif;}*/



.pro_list_wrap{width:100%;background:#f3f3f3; font-family: 'GmarketSansMedium', sans-serif;}

.pro_list_wrap .title_section{width:100%;min-height:140px;margin-bottom:10px;margin-top:0px;}
.pro_list_wrap .title_section h2{color:#222;text-align:center;line-height:16px;font-size:20px;font-weight:bold;padding:20px 0;}
.pro_list_wrap .title_section ul{padding:1px 16px 16px;margin:1px 0 0 1px;overflow:auto;}
.pro_list_wrap .title_section ul li{float:left;width:33.3%;}
.pro_list_wrap .title_section ul li a{display:block;text-align:center;font-size:13px;line-height:42px;border:1px solid #e6e6e6;color:#333;margin:-1px 0 0 -1px;}
.pro_list_wrap .title_section ul li.selected a{color:#1856bb;font-weight:bold;border-color:#1856bb;position:relative;z-index:1;}

.pro_list_wrap .filter_tab{width:100%;/*height:68px;*/overflow: hidden;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,0.08);margin-bottom:10px;padding:16px;}
.pro_list_wrap .filter_tab .pro_box{display:table;width:83%;}
.pro_list_wrap .filter_tab .pro_sort{width:128px;background:#fff;}
/*.pro_list_wrap .filter_tab .filter{display:table-cell;width:50%;text-align:right;vertical-align:middle;font-size:12px;background:url(/modules/app/img/icon_view.png) no-repeat 85% 50%;padding-left:3.5%;background-size:5%;}*/
.pro_list_wrap .filter_tab .filter{display:table-cell;text-align:right;vertical-align:middle;font-size:12px;background:#eee;text-align:center;border-radius: 5px;}


/*필터*/
#filter_box{position: fixed;top: 0;left: 0;width: 100%;min-height: 100%;z-index:9999;text-align:center;padding:10px;background-color: rgba(0, 0, 0, 0.8);display: none;font-size:12px}
#filter_box #filter_close{text-align:right;margin-bottom:5px;}
#filter_box #checkbox_list input{margin:2px;}
#filter_box #checkbox_list th{width:20%;border-right: solid 1px #f0f0f0; border-bottom: solid 1px #f0f0f0;vertical-align: middle;}
#filter_box #checkbox_list td{ border-bottom: solid 1px #f0f0f0;}
#filter_box #checkbox_list p{float:left;margin-right:5px;}
#filter_box #checkbox_list label{

}
#filter_box #checkbox_list input[type=checkbox] {

}
#filter_box .dcBtnSearch{background:#007aff;color:#fff;padding:10px;width:100%;margin-top:15px;}

.pro_list_wrap .product_wrap{clear:both;padding:16px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,0.08);margin-bottom:10px;}
.pro_list_wrap .best_product{margin:0 -1%;}
.pro_list_wrap .best_product h2.best_tit{text-align:center;font-size:18px;color:#0b3679;padding-bottom:10px;font-weight:800;}
.pro_list_wrap .product{width:98%;border:1px solid #e6e6e6;border-radius:5px;overflow:hidden;margin:0 auto;margin-bottom:10px;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);}
.pro_list_wrap .product_sub{height:190px;border-bottom:1px solid #e6e6e6;}
.pro_list_wrap .product p.pro_img{float:left;width:40%;border-right:1px solid #e6e6e6;text-align:center;line-height:190px}
.pro_list_wrap .product p.pro_img img{max-width:100%;max-height:100%;}
.pro_list_wrap .product ul{float:right;width:60%;height:190px;padding:10px;}
.pro_list_wrap .product ul li{font-size:11px;padding:2px 0;}
.pro_list_wrap .product li.brand, .product li.brand span.model{font-size:14px;font-weight:400;letter-spacing:-0.5px;}
.pro_list_wrap .product li.brand{color:#000;font-weight:600;margin-bottom:3px;}
.pro_list_wrap .product li.name{color:#8c8c8c;font-size:12px;margin-bottom:5px;}
.pro_list_wrap .product li.trem{color:#8c8c8c;font-size:12px;margin-bottom:5px;}
.pro_list_wrap .product li.brand span.model{color:#000;/*padding-left:5px;*/}
.pro_list_wrap .product li.point{margin:3px 0;}
.pro_list_wrap .product li.point p{display:inline-block;background:#a5a5a5;color:#fff;margin-bottom:3px;padding:1px 2px;border-radius:5px;font-size:9px;}
.pro_list_wrap .product li.name span.event{font-size:12px;color:#e0113a;font-weight:600;}
.pro_list_wrap .product li.price{height:20px;font-size:14px;padding-top:5px;}
.pro_list_wrap .product li.card{height:20px;font-size:14px;padding-top:5px;color:#e0113a;font-weight:400;/*background:url(../../modules/app/img/sub/card.png) no-repeat 25% 50%;background-size:20px*/}
/*.pro_list_wrap .product li.price span.price_b, li.card span.price_b{float:right;font-weight:600;}*/
.pro_list_wrap .product li.price span.price_b, li.card span.price_b{display:inline-block;width:50%; text-align:right; font-weight:600;}
.pro_list_wrap .product li.price span.price_t, li.card span.price_t{display:inline-block; width:50%;text-align:left;}

.pro_list_wrap .product .count{background:#eee;overflow:hidden;color:#4c4c4c}
.pro_list_wrap .product .count img{width:20px}
.pro_list_wrap .product p.count01{float:left;width:55%;height:20px;font-size:12px;margin:0px 0px 5px 5px;font-weight: 600;}

.pro_list_wrap .product p.count02{float:right;width:40%;text-align:right;height:20px;font-size:12px;margin:0px 5px 5px 0px; }

.pro_list_wrap .btn_box{margin:15px -16px -16px;}
.pro_list_wrap .btn_box .more_btn{display:block;width:100%;padding:15px 0;text-align:center;background:#fafafa;font-size:15px;border-top:1px solid #eee;color:#999;}

.pro_list_wrap .paging{margin-top:30px;margin-bottom:15px;}
.pro_list_wrap .paging ul{font-size:0;text-align:center;line-height:1;}
.pro_list_wrap .paging ul li:fitst-child{margin-left:0;}
.pro_list_wrap .paging ul li{display:inline-block;width:auto;min-width:28px;height:28px;box-sizing:border-box;border:1px solid #cccdd1;padding:0 5px; margin:0 5px;}
.pro_list_wrap .paging ul li.on{border-bottom:2px solid #ef5149;}
.pro_list_wrap .paging ul li a{line-height:26px;display:block;font-size:12px;}

.pro_list_wrap .paging {margin-top:30px;margin-bottom:15px; text-align:center;}
.pro_list_wrap .paging > span {display:inline-block; min-width:28px;height:28px; text-align:center; line-height:26px; font-size:12px; box-sizing:border-box;border:1px solid #cccdd1;padding:0 5px; margin:0 5px;}
.pro_list_wrap .paging > span.current {border-bottom:2px solid #ef5149;}
.pro_list_wrap .paging > a {display:inline-block; min-width:28px;height:28px; text-align:center; line-height:26px; font-size:12px; box-sizing:border-box;border:1px solid #cccdd1;padding:0 5px; margin:0 5px;}
.pro_list_wrap .paging > a:fitst-child {margin-left:0;}


/* 상품목록 */
.ly_icon{width:30px;position: absolute;}
.ly_best{width:100%;height:30px;border: 1px solid #ccc;margin:3px;color:blue;font-size:11px;text-align:center;padding-top:9px;border-radius: 5px;background:#fff;font-weight: 700;opacity: 80%;}
.ly_new{width:100%;height:30px;border: 1px solid #ccc;margin:3px;color:green;font-size:11px;text-align:center;padding-top:9px;border-radius: 5px;background:#fff;font-weight: 700;opacity: 80%;}
.ly_t{width:100%;height:30px;border: 1px solid #ccc;margin:3px;color:green;text-align:center;border-radius: 5px;background:#fff;opacity: 80%;}
.ly_t img{width:100%}
#btn_top {width: 45px;position: fixed;bottom: 70px;right: 10px;/*border: 1px solid #e6e6e6;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);border-radius: 5px;opacity: 95%;*/z-index:999}
#btn_top img{width: 100%;padding: 5px;}
#btn_top2 {width: 45px;position: fixed;bottom: 110px;right: 10px;/*border: 1px solid #e6e6e6;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);border-radius: 5px;opacity: 95%;*/z-index:999}
#btn_top2 img{width: 100%;padding: 5px;}
/*채널톡*/
.bVZLPZ{margin-bottom:55px;}


#log {animation: blink-animation 0.5s steps(5, start) infinite alternate;-webkit-animation: blink-animation 0.5s steps(5, start) infinite alternate;}
@keyframes blink-animation {
   from {
       visibility: visibility;
   }
   to {
       visibility: hidden;
   }
}
@-webkit-keyframes blink-animation {
   from {
       visibility: visibility;
   }
   to {
       visibility: hidden;
   }
}

/*수수료 토글 버튼*/
/*.toggleSwitch_wrap{position: fixed;top:135px;right:10px;z-index:11}*/
.toggleSwitch_wrap{position: absolute;right:10px;margin-top:10px;}
.toggleSwitch_wrap .toggleSwitch {  width: 60px;  height: 30px;  display: block;  position: relative;  border-radius: 30px;  border:3px solid #ccc;background-color: #fff;  box-shadow: 0 0 5px 2px rgba(0 0 0 / 15%);  cursor: pointer;color:#fff}
.toggleSwitch_wrap .toggleSwitch .toggleButton {  width: 18px;  height: 18px;  position: absolute;  top: 50%;  left: 4px;  transform: translateY(-50%);  border-radius: 50%;  background: #c4c4c4;}/*off*/
.toggleSwitch_wrap .toggleSwitch #switch_on{position: absolute;top:5px;left:7px;font-size:11px;line-height: 15px !important;}
.toggleSwitch_wrap .toggleSwitch #switch_off{position: absolute;top:5px;right:7px;font-size:11px;color:#ccc;line-height: 15px !important;}
.toggleSwitch_wrap #toggle:checked ~ .toggleSwitch {  background: #0066ff;border:3px solid #0066ff;}/*On*/
.toggleSwitch_wrap #toggle:checked ~ .toggleSwitch .toggleButton { left: calc(100% - 20px);  background: #fff;}/*On*/
.toggleSwitch_wrap #toggle:checked ~ .toggleSwitch #switch_off{display:none}
.toggleSwitch_wrap .toggleSwitch, .toggleButton {  transition: all 0.2s ease-in;}

/*테이블 스타일 -휘 */
.table_css{border-spacing: 0;font-weight: normal;font-size: 13px;margin:5px;}
.table_css th{font-weight: normal;text-align:left;padding:4px 5px;}
.table_css td{padding:3px 5px;}

.OverflowScroll_Y{overflow-y:auto;}
.OverflowScroll_Y::-webkit-scrollbar {width: 8px;}
.OverflowScroll_Y::-webkit-scrollbar-thumb { background-color: #8a8a8a;border-radius: 10px;height: 50%}
.OverflowScroll_Y::-webkit-scrollbar-track {background-color:#eee;box-shadow: inset 0px 0px 5px white;}
.OverflowScroll_X{overflow-x:auto;}
.OverflowScroll_X::-webkit-scrollbar {height: 8px;}
.OverflowScroll_X::-webkit-scrollbar-thumb { background-color: #838383;border-radius: 10px;height: 50%}
.OverflowScroll_X::-webkit-scrollbar-track {background-color:#eee;border-radius: 10px;box-shadow: inset 0px 0px 5px white;}