@import url("/LIB/CSS/common.css");
@import url("/LIB/CSS/table.css"); /* 관리자 페이지에서도 사용자 스타일을 가져다 써서 어쩔 수 없이 css 분할...-_ㅡ; 관리자 지못미.. */

.both{ clear:both; }
/* ##################### 1. 해더 > 로고/검색창 ###########*/
/*
header{ position:relative; width:100%; min-width:1000px; min-height:120px; background:#fff;  }
header:after{ content:""; display:block; clear:both; } 
*/

.logo{ position:absolute; top:33px; left:9px; }
.s_top{ position:absolute; top:5px; right:5px; margin:0;  }
.s_top b{ display:inline-block; color:#1179ee; font:normal 11px/11px Malgun Gothic; margin:0; padding:0;  }
.s_top b.loginID{ padding:4px 5px 0 0; cursor:pointer; }
.s_top b.loginID:hover{ color:#34993e; }
.s_top b.cartNO{ background:#e32436; color:#fff; font:bold 11px Arial; padding:0px 5px; margin:0 0 0 2px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; }
.s_top b.loginID:before{ content:",";  font:normal 16px/10px "icon",Malgun Gothic; padding-right:3px; }
.s_top a{ display:inline-block; color:#666; border-left:solid 1px #ddd;  font:normal 12px/13px Malgun Gothic; padding:0; vertical-align:middle; margin:0; letter-spacing:-0.5px;  }
.s_top a.loginMenu{ font-weight:bold; color:#2a6ce4; }
.s_top a:first-child{ border-left:none;  }
.s_top a{ padding:0px 0px 0px 6px; }
.s_top a:hover{ color:#1c69e9; }

#sitemapBtn{ display:inline-block; border:solid 1px #96c882; background:#f4ffef url(/img/gradation_top_01.png) repeat-x top; color:#1e9f1a; margin:0; cursor:pointer; vertical-align:middle;
				border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; font:normal 11px/11px Malgun Gothic; padding:2px 4px; letter-spacing:0.5px; }
#sitemapBtn:after{ display:inline-block; content:""; font:normal 10px 'icon',Arial; vertical-align:middle;  padding:0; opacity:.7; }
#sitemapBtn:hover{ border-color:#739edf; background-color:#f6faff; color:#1b66ef; }

.s_topBanner{ position:absolute; top:47px; right:3px; }
.s_topBanner a{ display:block; width:171px; height:52px; overflow:hidden; text-align:right; }
.s_topBanner a img{  max-height:100%; }
/*
.searchArea{ width:47.5%; position:absolute; top:35px; left:285px; background:none; }
*/

.mobile_search{ display:none; }
.searchBox{ position:relative; background:#33a931; height:35px; vertical-align:top;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
.searchBox input[type=text]{ width:85%; height:29px; font:bold 14px/29px Dotum; color:#111; padding:2px 0px 0px 7px; margin:0; border:solid 1px #33a931; border-width:2px 0px 2px 2px;  vertical-align:top;
				 border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; }
.searchBox button{ display:inline-block; width:12.5%; height:35px;  border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; font:bold 16px Arial; color:#fff; 
					background:url(/img/btn_searchIcon.png) no-repeat center; text-indent:-5000px; cursor:pointer;  vertical-align:top; border:none; margin:0; box-shadow:none; text-align:center; }

.keyword{ font:normal 11px/18px Dotum; padding:0px; }
.keyword:before{ content:"2"; font:normal 16px 'icon',Arial; color:#33a931; margin:0 -3px 0 3px; }
.keyword a{ display:inline-block; color:#555; padding:3px 6px 1px 6px; letter-spacing:-0.3px; }
.keyword a:hover{ color:#1c69e9; }

/* ##################### 2. 탑메뉴 ##################### */
nav{display:none;}

.gnb{ position:relative; width:100%;  }
.gnb:after{ content:""; display:block; clear:both; }
.gnb .category_select{ display:inline-block; transition:ease .5s; padding:0; }
.gnb .category_select > b{ position:absolute; top:0px; left:0px; display:inline-block; width:180px; height:100%; text-align:center; color:#fff; background:#3c2b29; cursor:pointer; }
.gnb .category_select > b:before{ display:inline-block; content:"i"; font:normal 39px 'icon2',Arial; vertical-align:middle; padding:0 3px 2px 0; }/* 처음 전체에 */
.gnb .category_select > b:after{ display:inline-block; content:" 카테고리";font:bold 14px/40px Malgun Gothic; padding-left:5px; }
.gnb .title2{ display:none; margin:0; padding:0;  }
.gnb .company_select{  position:absolute; top:40px; left:0px; width:181px;  z-index:1; height:0; overflow:hidden; margin:0;  }
.gnb .company_select a{ margin:0;  }
.gnb .to1{ display:none; }
.gnb .company_select b.to1:after{ display:inline-block; content:"카테고리"; font:bold 14px/40px Malgun Gothic; margin-left:-25px; }/* 갈색에 전체글자에*/

/*  카테고리 선택 */
.gnb .category_select s{ z-index:2;  position:absolute; top:0px; left:0px;  display:none; width:180px; height:100%;  font:bold 14px/40px Malgun Gothic; text-align:center; color:#fff; background:#46a518; cursor:pointer; }
.gnb .category_select s:before{ display:inline-block; content:"i"; font:normal 40px 'icon2',Arial; vertical-align:middle; padding:0 3px 2px 0; }
.gnb .category_select s:after{ content:" 카테고리";  }/* 녹색 글자에 */
.gnb .category_select s.active{ display:block; font:bold 14px/40px Malgun Gothic; text-decoration:none; }
.gnb .company_select:after{ content:""; display:block; clear:both; }
.gnb .company_select b,.gnb .company_select a{ display:block; width:180px; background:#3c2b29; 
						text-align:left!important; text-indent:15%!important; padding:0!important; color:#aaa; border-top:solid 1px #56413e;  cursor:pointer; }
.gnb .company_select a:after{ content:"카테고리"; font:bold 14px/40px Malgun Gothic; padding-left:5px; }/* 갈색 슬라이드 나오는 글자에 (하다보니 복잡하게 되서 죄송하므니다...ㅠㅠ 어쩔수 없었으요...)*/
.gnb .company_select b:hover,.gnb .company_select a:hover{ background-color:#5f4340!important; color:#fff;  }
.gnb .company_select a.active i{ color:#fff; }
.gnb .company_select a i{ font-style:normal; }
.gnb .co_gnb{ float:right; }

.Total_Menu01{ display:none; }
.gnb .co_gnb dl{ position:relative; float:left; width:100px; z-index:1;  text-align:left;  background:#f6f6f6 url(/img/gradation_top.png) repeat-x top;  }
.gnb .co_gnb dl.gnb_01{ width:98px; }
.gnb .co_gnb dl.gnb_02{ width:101px; }
.gnb .co_gnb dl.gnb_03{ width:108px; }
.gnb .co_gnb dl.gnb_04{ width:121px; }
.gnb .co_gnb dl.gnb_05{ width:80px; }
.gnb .co_gnb dl.gnb_06{ width:111px; }
.gnb .co_gnb dl.gnb_09{ width:99px; }
.gnb .co_gnb dl.gnb_08{ width:80px; margin-right:2px; }
.gnb .co_gnb dl dd{ position:absolute; top:39px; left:0px; display:none; }
.gnb .co_gnb dl:hover dd{ display:block; width:100%; background:url(/img/black_70.png); font:normal 12px/16px Dotum; padding:0%; }
.gnb .co_gnb dl:hover dd > a{ display:block; width:96%; padding:13px 2% 7px 2%; color:#f2f2f2; border-top:solid 1px #666; text-align:center;  }
.gnb .co_gnb dl:hover dd > a:first-child{ border-top:none; }
.gnb .co_gnb dl:hover dd > a:hover{ color:#fff;  }
.gnb .co_gnb dl dt a{ display:block;  width:100%; /*color:#f2f2f2;*/ color:#000;  border:solid 1px #ccc; border-width:1px 1px 0px 0px; box-sizing:border-box; }
.gnb .co_gnb dl dt a i{ font-style:normal; }
.gnb .co_gnb dl.gnb_01 dt a{ background:url(/img/gnb_logo_ye.png) no-repeat 12px center; text-indent:36%; }
.gnb .co_gnb dl.gnb_02 dt a{ background:url(/img/gnb_logo_jung.png) no-repeat 8px center;  text-indent:29%; }
.gnb .co_gnb dl.gnb_03 dt a{ background:url(/img/gnb_logo_jang.png) no-repeat 7px center;  text-indent:32%; }
.gnb .co_gnb dl.gnb_04 dt a{ background:url(/img/gnb_logo_pyo_s.png) no-repeat 6px center; text-indent:42%; }
.gnb .co_gnb dl.gnb_05 dt a{ text-indent:0%; text-align:center; }
.gnb .co_gnb dl.gnb_08 dt a{ text-indent:0%; text-align:center; }
.gnb .co_gnb dl.gnb_09 dt a{background:url(/img/gnb_logo_coop.png) no-repeat 6px center; text-indent:42%;}
.gnb .co_gnb dl.gnb_06 dt a{ background:url(/img/gnb_logo_sa.png) no-repeat 5px center; text-indent:35%; }
.gnb .co_gnb dl.gnb_07 dt a{ background:url(/img/gnb_jungso.png) no-repeat 10px center; text-indent:38%;  border-left:solid 0px #ccc;  }
.gnb .co_gnb dl dt a:hover{  background-color:#05732c; color:#111; height:100%; }
.gnb .co_gnb dl:hover dt a{  background-color:#fff;  color:#000; word-break:break-word; }
.gnb .co_gnb dl.gnb_07:hover dt a{  }
.gnb .co_gnb dl.active dt a{ background-color:#67b62e; color:#fff; }
.gnb .loginMenu{ display:none; }
.gnb .cartMenu{ display:none; }

.lnb{ clear:both; display:block; position:relative; width:99.8%; border:solid 1px #9ca3ac; border-width:1px 1px 1px 1px; 
		border-top:solid 1px #6ea5c5; margin:0px auto; box-shadow:1px 1px 5px rgba(0,0,0,.1); background:#f7f7f7 url(/img/bg_pattern_26.png); }
.lnb:after{ content:""; display:block; clear:both; } 
.lnb:before{ position:absolute; bottom:10px; right:15px; content:""; width:80px; height:70px; background:url(/img/water_mark_logo.png) no-repeat; } 
.lnb dl:nth-child(6){ width:168px; }
.lnb dl:nth-child(6) dd{  border-right:none; }
.lnb dl:nth-child(6) dt{ border-right:none; }
.lnb_sub_wrap{  clear:both; display:block; position:relative; }
.lnb_sub_wrap #lnb2{ border-bottom:none; }
.lnb_sub_wrap.none{/* display:none;*/display:none; }

.lnb dl{ float:left;  width:166px; position:relative; padding:0;  }
.lnb dl:after{ content:""; display:block; clear:both; } 
.lnb dl:first-child{ border-left:none;  }
.lnb dl.active{ background:#fff; }
.lnb dl dt{ font:bold 12px/16px Gulim; text-align:center; letter-spacing:0px; background:#f3fbff url(/img/gradation_top.png) repeat-x top; border-bottom:solid 1px #4694c6; border-right:solid 1px #6ea5c5; }
.lnb dl:first-child dt{ border-left:none; }
.lnb dl dt a{ display:block; color:#2f3b4d;  padding:10px 0% 5px 1%; letter-spacing:-0.5px; }
.lnb dl dt a:after{ content:"/"; font:normal 12px/12px 'icon',Arial; color:#5797df; vertical-align:middle; padding-left:5px; opacity:.7; }
.lnb dl:hover dt:before{ color:#fff; opacity:1;  }
.lnb dl:hover dt{ background:#1897e6; font-weight:bold;  border-color:#1897e6; }
.lnb dl.active dt a{ background:#2882cd; border-color:#2882cd; letter-spacing:-1px; }
.lnb dl.active dt a:after{  color:#fff; opacity:1; } 
.lnb dl:hover dt a{ color:#fff; }
.lnb dl:hover dt a:after{ color:#fff; opacity:1; }
.lnb dl.active dt a{ color:#fff; }
.lnb dl dd{ vertical-align:top; padding:0;  border-right:solid 1px #ddd; background:#fcfcfc; min-height:60px; border-bottom:solid 1px #6ea5c5; }
.lnb dl:nth-child(n+7) dd{ border-bottom:none; }
.lnb dl:hover dd{ background:#fff; }
.lnb dl:first-child dd{ border-left:none; }
.lnb dl.active dd{ background:#fff;  }
.lnb dl:last-child dd{ border-right:solid 1px #c5c8cc; }
.lnb dl:nth-child(6) dd{ border-right:none; }
.lnb dl dd > div{ position:relative; display:block; color:#666; border-right:solid 0px #ddd; padding:0; margin:0px; vertical-align:middle; letter-spacing:-0.5px;  }
.lnb dl dd > div > b{ position:relative; display:block; color:#000; cursor:pointer; font:normal 12px Dotum;  vertical-align:middle; padding:5px 0px 0px 7px; }
.lnb dl dd > div > b em{  position:absolute; right:6px; display:inline-block; font:normal 11px/11px Sans-serif; color:#70a7d9;  padding:0; margin:1px 0 0 2px; letter-spacing:0; vertical-align:middle; }
.lnb dl dd > div:last-child{ border-right:none; }
.lnb dl dd > div.off > b{ color:#b2b2b2; cursor:default; }
.lnb dl dd > div:hover{ background:#fff;  }
.lnb dl dd > div:hover b:after{ content:"*"; font:normal 24px/6px 'icon2',Arial; padding-left:2px;  }
.lnb dl dd > div.active{ color:#20bae0; background:#46a4e6; box-shadow:inset 0px 0px 20px rgba(62,196,240,.2);  }
.lnb dl dd > div.active b{  background:#46a4e6;  font-weight:bold;  color:#fff;  vertical-align:bottom; line-height:130%; }
.lnb dl dd > div.active b em{ color:#fffaa7;  font-weight:bold; }
.lnb dl dd > div.active > b:before{ display:inline-block; padding:1px 2px 0 0px; content:""; margin:0;  font:normal 10px/9px 'icon',Arial; opacity:1; vertical-align:middle; margin-left:-3px; }
.lnb dl dd > div.off:hover > b{ color:#b2b2b2!important; font-weight:normal; background:none; letter-spacing:-1.5px;}
.lnb dl dd > div.off:hover { background:none; box-shadow:none;  }
.lnb dl dd > div.off:hover > b:after{ content:""; padding-left:0px;  }
.lnb dl dd > div.active.off:hover > b{  letter-spacing:-1px; font-weight:normal;  }
.lnb dl dd > div.off:hover > b:hover{ letter-spacing:-0.5px; }
.lnb dl dd > div.active b:hover{  background:#46a4e6; color:#fff; letter-spacing:-0.5px;}
.lnb dl dd > div:hover > b{ color:#1681ee; font-weight:bold; background:#edfbff; letter-spacing:-1.5px; }

/* 좌측메뉴 3단계 서브 메뉴 활성화/비활성화/마우스오버 표시 */
.depth3_menuBox{ display:none; }
.depth3_menu{ z-index:2; position:absolute; top:-80px; right:-97%; background:#fff/*url(/img/bg_pattern_01.jpg)*/; margin:0 auto; 
				display:block; width:115%;  min-height:100px; padding:7px 0px 7px 0px; border:solid 1px #111;  }
.depth3_menu a{ display:block; font:normal 11px/16px Dotum; padding:4px 4px 2px 0px; border-top:dotted 1px #ddd; color:#333; letter-spacing:0px; }
.depth3_menu a:first-child{  border-top:none; }
.depth3_menu a:before{ content:"ㆍ"; }
.depth3_menu a:nth-child(even){ background:#fafafa; }

.lnb dl dd > div:hover .depth3_menuBox{ display:block; }
.lnb dl dd > div .depth3_menuBox i{ display:none; }
.lnb dl dd > div.off:hover .depth3_menuBox{ display:none; }
.depth3_menu a .g_no{ text-decoration:none; display:inline-block; padding:0 1px; font:normal 11px Dotum; color:red;  }
.lnb dl:hover dd > div:hover .depth3_menu a:hover{ color:#fff; background:#469f22; }
.lnb dl:hover dd > div:hover .depth3_menu a:hover .g_no{ color:#fffd7c; }
.lnb dl:hover dd > div:hover .depth3_menu a.active{ color:#41a1ea; background:#fff; }

.mobile_lnb_title{ display:none; }
/* 고객센터 좌측메뉴 */
.lnb_customer{ display:block; float:left;  position:relative; width:177px;  min-height:394px; border:solid 1px #d6d6d6; border-width:0 1px 1px 1px; background:#fff; margin-bottom:10px; }
.lnb_customer > strong{ display:block; background:url(/img/bg_pattern_21.png); color:#138118; font:700 16px/24px Malgun Gothic;  padding:5px 0 5px 8%; }
.lnb_customer > strong:before{ content:""; font:normal 20px 'icon2',Arial; opacity:.8; padding-right:3px; color:#1a86d2; }
.lnb_customer dl{ position:relative; width:100%; overflow:hidden; }
.lnb_customer dl dt{ position:relative; padding:3px 0% 3px 10%; font:bold 14px/20px Malgun Gothic; border:solid 1px #ccc; border-width:1px 0px; background:#f9f9f9; }
.lnb_customer dl dt:after{ position:absolute; top:5px; right:5px; content:"▼"; font:normal 10px Malgun Gothic; color:#b6c1b4; }
.lnb_customer dl dt a{ color:#333; cursor:default; }
.lnb_customer dl dd > a{ display:block; font:normal 13px/20px Malgun Gothic; padding:3px 0px 3px 10%; color:#666; cursor:pointer; border-top:dotted 1px #ddd;  }
.lnb_customer dl dd > a:first-child{ border-top:none;  }
.lnb_customer dl dd > a:hover{ color:#1a86d2; }
.lnb_customer dl dd a.active{ background:#1a86d2; color:#fff; }

.lnb_customer dl dd > a b.cartNO{ background:#e32436; color:#fff; font:bold 11px/20px Arial; padding:1px 5px 1px 5px; margin:0px 0px 0px 3px; 
								border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }

/* 지역 선택*/
.area_select_wrap{width:100%; background:#f7f7f7; border:1px solid #eee; border-radius:8px; padding:16px 20px; margin:24px auto 0;}
.area_select{width:100%; display:flex; flex-direction:column; gap:16px; margin:0px auto;}
.area_select dt{width:100%; display:flex; align-items:flex-end; gap:20px;}
.area_select dt .area_title{flex:1; display:flex; align-items:flex-end; gap:16px;}
.area_select dt .area_title p{font-size:20px; font-weight:500; line-height:1; color:#111;}
.area_select dt .area_title p strong{color:var(--primaryColor-1000);}
.area_select dt .area_title span{font-size:12px; font-weight:400; line-height:1.35; color:#777;}
.area_select dt button{display:flex; justify-content:center; align-items:center; font-size:13px; font-weight:500; line-height:1; background:var(--primaryColor-200); border:1px solid var(--primaryColor-100); border-radius:8px; color:var(--primaryColor-1000); padding:6px 12px;}

.area_select dd{width:100%; display:flex; flex-wrap:wrap; align-items:baseline; row-gap:4px;}
.area_select dd button{display:none;}
/*
.area_select dd label{display:flex; align-items:center; gap:6px;}
.area_select dd label.on{font-weight:500; color:var(--primaryColor-1000);}
.area_select dd label:hover{color:var(--primaryColor-1000);}
.area_select dd label input[type=checkbox]{width:18px; height:18px; display:block; background:#fff; border:1px solid #ccc; border-radius:6px;}
.area_select dd label.on input[type=checkbox]{}
.area_select dd label p{font-size:12px; line-height:1; color:#333;}
.area_select dd button:before{ content:"s"; font:normal 18px 'icon',Malgun gothic;  padding-right:4px; }*/
@media (max-width:1024px){
.area_select_wrap{padding:16px; margin:16px auto 0;}
.area_select dt .area_title{flex-direction:column; align-items:flex-start; gap:8px;}
.area_select dt .area_title p{font-size:16px;}
.area_select dt .area_title span{font-size:11px;}
}

@media (max-width:768px) {
.area_select dt button{display:none;}
.area_select dd button{width:100%; display:flex; justify-content:center; align-items:center; font-size:13px; font-weight:500; line-height:1; background:var(--primaryColor-200); border:1px solid var(--primaryColor-100); border-radius:8px; color:var(--primaryColor-1000); padding:8px 12px;}
}



/* #################################### 사이트맵 #################################### */
.sitemap{ /*display:none;*/clear:both; display:none; z-index:10; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(/img/black_70.png); overflow-y:scroll; }
.sitemap .centerWrap{ background:#fff; margin:0px auto; width:1020px; padding:0px 20px;  
					/*border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;*/ }
.sitemap:after{ content:""; display:block; clear:both; } 
.sitemapTitle{ display:block; text-align:center; font:normal 26px/30px Malgun gothic; padding:14px 0px 0px 0px; }
.sitemapClose{ position:fixed; top:13px; right:50%; margin-right:-495px; vertical-align:top; cursor:pointer; color:#ccc; z-index:11; }
.sitemapClose:before{ content:"["; font:normal 80px "icon2",Arial;  vertical-align:bottom;  }
.sitemapClose:hover{ color:#333; }
.sitemap ul{ position:relative; height:100%; }
.sitemap ul li{ position:relative; border:dotted 1px #ddd; border-width:0px 0px 1px 0px; }
.sitemap ul li:first-child{ border:none; }
.sitemap ul li:after{ content:""; display:block; clear:both; } 
.sitemap ul li.category{ min-height:20px; }
.sitemap ul li dl{ float:left; position:relative; width:19.9%; height:100%;  }
.sitemap ul li.category dl{  position:relative; width:100%; height:100%;  }
.sitemap ul li dl:first-child{ border-left:none; }
.sitemap ul li strong{ clear:both; display:block; padding:20px 0px 0px 0px; font:bold 18px/22px Malgun Gothic; letter-spacing:-1px; }
.sitemap ul li strong:before{ content:""; font:normal 22px "icon",Arial; padding-right:4px; vertical-align:top;  } 
.sitemap ul li.category strong:before{ content:""; color:#1c8907; padding-right:0px; }
.sitemap ul li.category > .title .to1{ display:none; }
.sitemap ul li.category > .title{ overflow:hidden;  }
.sitemap ul li.category > .title .co2 s{ float:left; display:inline-block; width:12.3%; color:#666; text-decoration:none; font:normal 18px/22px Malgun Gothic; cursor:pointer; 
				font:normal 14px/16px Malgun Gothic;  vertical-align:top; text-align:center; border:solid 1px #ddd; border-width:1px 1px 0px 0px; margin:0;}
.sitemap ul li.category > .title .co2 s span{ display:block; width:100%; height:100%; padding:30px 0 3px 0;}
.sitemap ul li.category > .title .co2 s span.co_01{ background:#f1f1f1 url(/img/gnb_all.png) no-repeat center 1px; }
.sitemap ul li.category > .title .co2 s span.co_03{ background:#f1f1f1 url(/img/gnb_logo_ye.png) no-repeat center 1px; }
.sitemap ul li.category > .title .co2 s span.co_04{ background:#f1f1f1 url(/img/gnb_logo_jung.png) no-repeat center 1px; }
.sitemap ul li.category > .title .co2 s span.co_05{ background:#f1f1f1 url(/img/gnb_logo_jang.png) no-repeat center 3px; }
.sitemap ul li.category > .title .co2 s span.co_06{ background:#f1f1f1 url(/img/gnb_logo_pyo.png) no-repeat center 3px; }
.sitemap ul li.category > .title .co2 s span.co_07{ background:#f1f1f1 url(/img/gnb_medal.png) no-repeat center 1px; }
.sitemap ul li.category > .title .co2 s span.co_08{ background:#f1f1f1 url(/img/gnb_logo_sa.png) no-repeat center 2px; }
.sitemap ul li.category > .title .co2 s span.co_02{ background:#f1f1f1 url(/img/gnb_jungso.png) no-repeat center 1px; }
.sitemap ul li.category > .title .co2 s.active{ border-top-color:#43a010;  }
.sitemap ul li.category > .title .co2 s:first-child{ border-left:solid 1px #ddd; width:12.95%;  }
.sitemap ul li.category > .title .co2 s span:hover{ background-color:#fff; color:#111; }
.sitemap ul li.category > .title .co2 s.active span{ box-shadow:inset 0px 2px #43a010;  color:#333; font:bold 14px/16px Malgun Gothic; letter-spacing:-1px; background-color:#fff; font-weight:bold;  }
.sitemap ul li.category > .title .co2 s.active:after{  padding-left:0px; content:""; }
.sitemap ul li.companyMenu strong:before{ content:")"; color:#3390e7; }
.sitemap ul li.csMenu strong{ display:block; padding:5px 0px 5px 0px; }
.sitemap ul li.csMenu strong:before{ content:"f"; color:#f14561; }
.sitemap ul li dl dt a{ display:block; font:bold 14px Dotum; padding:5px 0px 2px 0px; text-align:center; margin-bottom:3px;  color:#f9f9f9;  }
.sitemap ul li dl dt a:after{ content:"▼"; font:normal 8px Malgun gothic; padding-left:5px; vertical-align:middle; opacity:.5; }
.sitemap ul li.category dl dt > a{ background:#5d9e11;  }
.sitemap ul li.companyMenu dl dt > a{ background:#1b69b2; }
.sitemap ul li.companyMenu dl dt > a i{ font-style:normal; }
.sitemap ul li.csMenu dl dt > a{ background:#7b7777; }
.sitemap ul li.companyMenu dl{ width:12.5%; }
.sitemap ul li.companyMenu dl dd div{ position:relative; text-align:center; }
.sitemap ul li.csMenu dl{ width:30%; padding:0 0 30px 0; }
.sitemap ul li.csMenu{ border-bottom:none; }
.sitemap ul li.csMenu dl dd a{ display:block;  font:normal 12px/18px Gulim; text-indent:10px; color:#333;  padding:4px 0px 0px 0px;  text-align:left;  }
.sitemap ul li.companyMenu dl dd a:hover,
.sitemap ul li.csMenu dl dd a:hover{ color:#fdff75; font-weight:bold; letter-spacing:-1px; background:#444; }
.sitemap ul li dl dd div{ font:normal 12px/18px Malgun Gothic; border-bottom:dotted 1px #ddd; }
.sitemap ul li.category dl dd div b{ color:#098623; letter-spacing:-1px; font-weight:bold; font-size:13px; }
.sitemap ul li.category dl dd div:nth-child(even){ background:#f9f9f9; }
.sitemap ul li dl dd div > b{ display:block; text-indent:5px; cursor:pointer; padding:4px 0px 0px 0px; color:#333; }
.sitemap ul li dl dd div > b em{ text-indent:0;  display:inline-block; font:bold 11px Dotum; color:#fff; height:13px; background:#2db083; padding:2px 5px 0 4px; margin:-2px 0 0 5px; letter-spacing:0; vertical-align:middle;
					border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;  }
.sitemap ul li dl dd div b:before{ content:"="; font:normal 12px 'icon',Arial; color:#8cd959; padding-right:3px; }
.sitemap ul li dl dd div.off b{ color:#ccc; cursor:default; }
.sitemap ul li dl dd div.off b:hover{ color:#ccc;  }
.sitemap ul li dl dd > div.active b{ color:#1674de; letter-spacing:0px; }
.sitemap ul li dl dd > div.active b:before{ color:#1674de; content:"%"; }
.sitemap ul li dl dd .depth3_menuBox{ clear:both; display:block; padding-left:10px; }
.sitemap ul li dl dd .depth3_menu{  position:relative; top:auto; right:auto; width:99%; color:#888; background:none; border:none; box-shadow:none; min-height:10px; }
.sitemap ul li dl dd > a{  text-align:center; font:normal 12px/18px Dotum; color:#666; padding:0px; display:block; padding:5px 0px 1px 0px; }
.sitemap ul li dl dd .depth3_menu a{ display:inline-block; border:none; width:23%; font:normal 12px/14px Dotum; color:#333; padding:5px 10px 1px 5px; vertical-align:top; }
.sitemap ul li dl dd .depth3_menu a:before{ content:""; }
.sitemap ul li dl dd .depth3_menu a:hover{ background:#444; color:#fdff75; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.sitemap ul li dl dd .depth3_menu a:nth-child(even){ background:none; }
.sitemap ul li dl dd .depth3_menu a:nth-child(even):hover{ background:#444; }
.sitemap ul li dl dd .depth3_menu a.active{ background:#1674de; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.sitemap ul li dl dd .depth3_menu a.active:before{  content:"%"; font:normal 14px 'icon',Arial; padding-right:2px;  }
.sitemap ul li dl dd .depth3_menu a .g_no{ color:#2ba705;  }
.sitemap ul li dl dd .depth3_menu a:hover .g_no,
.sitemap ul li dl dd .depth3_menu a.active .g_no{ color:#fff;  }

/* 서브 카테고리 3차 메뉴 나열 박스 */
.depth3_subBox{ position:relative;  width:99.8%;  font:bold 13px/24px Malgun Gothic;  margin:0px auto; padding:0; border:solid 1px #9ca3ac; border-width:1px 1px 0px 1px; background:#fff; }
.depth3_subBox:after{ content:""; display:block; clear:both; } 
.depth2_content{ position:relative; display:block; width:100%; text-align:center; background:#e8edf1 url(/img/gradation_top_01.png) repeat-x top;  vertical-align:middle;  border-bottom:solid 1px #a3abb2; }
.depth2_content:after{ content:""; display:block; clear:both; }
.depth2_content b{ display:inline-block;  padding:0; font:bold 14px/20px Dotum; color:#1569d2;  padding:5px 0 3px 0; cursor:pointer; margin:0; vertical-align:top; background:transparent; }
.depth2_content b em{ display:inline-block; font:bold 12px/12px Dotum; color:#fff; background:#46a4e6; padding:4px 6px 0 5px; margin:2px 0 0 3px; letter-spacing:0; vertical-align:top;
					border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; box-shadow:1px 1px rgba(255,255,255,1); }
.depth2_content b:hover{ color:#287ed5; }

.depth2_content span{ color:#f7ff21; }
.depth2_content > button{  float:right; margin:6px; padding:7px 5px 3px 5px; color:#555; font:normal 12px/12px Gulim; }
.depth2_content > button:hover{ color:#1b80d7; border-color:#1b80d7;  }
.depth2_content > button.none{ display:none; }

.depth3_content{ display:block;  width:99%;  padding:1% 0% 0.7% 1%;  text-align:left; font:normal 12px/16px Malgun Gothic; overflow:hidden; background:#fff; border-bottom:solid 1px #9ca3ac; }
.depth3_content:after{ content:""; display:block; clear:both; } 
.depth3_content > span{ display:block; position:relative; top:auto; right:auto; z-index:1;  border:none; box-shadow:none; padding:0; min-height:30px; background:none; }
.depth3_content > span a{ display:inline-block; color:#333; min-width:17.4%; font:normal 12px/18px Dotum; padding:6px 0px 2px 0px; border:none; letter-spacing:-0.4px;
					border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; margin:0 -.5% 0 0; overflow:hidden; }
.depth3_content > span a:nth-child(even){ background:none; }
.depth3_content > span a:hover{  color:#333;  font-weight:bold;letter-spacing:-1.5px;}
.depth3_content > span a.active{ position:relative; color:#000; box-shadow:none; text-align:center; font-weight:bold;letter-spacing:-1px; background:#e5f2ff url(/img/gradation_top_01.png) repeat-x top; border:solid 1px #2cb7e5; }
.depth3_content > span a.active:before{  content:""; padding-left:2%; }
.depth3_content > span a.active:after{ position:absolute; top:7px; right:5px; content:""; font:normal 11px/11px 'icon',Arial; opacity:.9; color:#3174d0; }
.depth3_content i{ display:none; }
.depth3_content i.off{ display:block; z-index:100; font:normal 14px Malgun Gothic; text-align:center; padding:0px 0 10px 0; color:#777; }
.depth3_content i.off:before{ display:block; content:""; font:normal 100px 'icon2',Arial; color:#ddd; padding-bottom:6px; }
.depth3_content > span a .g_no{ color:#2a81cd; letter-spacing:0px; }
.depth3_content > span a:hover .g_no{ letter-spacing:0px;}
.depth3_content > span a.active .g_no{ color:red; font:normal 11px Arial; letter-spacing:0px;  }
.depth3_content > span a:hover .g_no{ color:red; }

/* 퀵메뉴 */
.quick_wrap{ position:absolute; top:42px; right:-97px; width:80px; }
.quick_menu{ position:relative; overflow:hidden; font:normal 12px/18px Malgun Gothic; z-index:1; background:#fff; 
			/* border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; */ }
.quick_wrap.fixed{ position:fixed; top:0; right:50%; margin-right:-597px; }
.quick_menu:after{ content:""; display:block; clear:both; }
.quick_menu li{ position:relative;  text-align:center; padding:5px 0px; color:#333; }
.quick_menu li a{ display:block; }
.quick_menu li b{ font-weight:normal; }
.quick_menu li.m_01,.quick_menu li.m_04{ background:#754528;   padding:0; }
.quick_menu li.m_01:hover,.quick_menu li.m_04:hover{ background:#561607;  }
.quick_menu li.m_02,.quick_menu li.m_03{ border:solid 1px #ccc; border-width:0px 1px; }
.quick_menu li.m_01 a,.quick_menu li.m_04 a{  color:#fffede;  padding:5px 0px; }
.quick_menu li.m_02{ cursor:pointer; }
.quick_menu li.m_02:hover b{ font-weight:bold; }
.quick_menu li.m_02 a{ color:#e61739; font-weight:bold; }
.quick_menu li.m_03{ border-top:solid 1px #ddd;  }
.quick_menu li.m_03 b{ font-size:11px; }
.quick_menu li.m_03 a{ width:60px; height:55px; background:url(/img/no_img_quick.gif) no-repeat center; border:solid 1px #ddd; margin:5px auto; overflow:hidden; }
.quick_menu li b{ display:block; }
.quick_menu li.m_03 a img{ width:60px; height:55px; }
.quick_menu li.m_03 a:hover{ border-color:#000; }
.quick_menu li.m_01 a:before{ content:","; font:normal 27px "icon2",Arial; display:block; text-align:center;  }
.quick_menu li.m_04 a:after{ content:""; font:normal 20px "icon",Arial; padding-right:3px; }

/* 스크롤시 고정 메뉴 이전 상단 컨텐츠 높이가 변경되는거 계산 이후 적용가능.. */
.fixed_Menu{width:100%; position:relative;}
.fixed_Menu.fixedTop{position:fixed; width:1000px; top:0; right:50%; margin:0 -500px 0 0;}

.product_list.paddingTop{ }

/* ##################### 3. 컨테이너 ##################### */
.container{ clear:both; position:relative; width:100%;  padding:0px 0 30px 0;  }
.container:after{ content:""; display:block; clear:both; }

/* 서브 오른쪽 100% 랩 */
.rightWrap{ position:relative; width:100%; min-width:1000px; min-height:550px; overflow:hidden; background:#fff; }
.rightWrap:after{ content:""; display:block; clear:both; } 
.rightWrap_02{ position:relative; min-width:790px; width:79%; min-height:550px; float:right; overflow:hidden; }
.rightWrap_02:after{ content:""; display:block; clear:both; } 

/* 메인 상단 중앙/우측 배너 */
.visual_centerBanner{ position:relative; float:left; width:800px; height:335px; background:#fff url(/img/loading.gif) no-repeat center; margin:0px 0px 20px 0; border:solid 1px #bbb; border-width:0 1px 1px 1px; text-align:center; overflow:hidden; }
.visual_centerBanner:after{ content:""; display:block; clear:both; } 
.visual_rightBanner{ width:190px;  display:inline-block; float:right; margin:0 auto; text-align:left; }
.visual_rightBanner li{ position:relative;  }
.visual_rightBanner li a{  width:188px; display:block; color:#333; }
.visual_rightBanner li > div > a img{ width:100%; }
.visual_rightBanner li a{ width:188px; }
.visual_rightBanner li a > strong{  z-index:6; position:absolute; bottom:2px; left:3%; display:block; width:50%; margin:0 auto; height:25px; overflow:hidden;  padding:2px 0 4px 0; font:normal 11px Dotum; color:#fff; }
.visual_rightBanner li a b{  position:absolute; bottom:0px; left:0%; padding:8px 3% 6px 0; display:block; width:97%; margin:0 auto;  background:url(/img/black_70.png); color:#c8ff72; font:bold 20px Arial; text-align:right; }
.visual_rightBanner li.vr_01{ width:188px; height:187px; margin-bottom:5px; }
/* .visual_rightBanner li.vr_01:after{ position:absolute; top:0px; left:-1px; content:""; width:190px; height:187px; background:#ddd; } */
.visual_rightBanner li.vr_01:after{ position:absolute; top:0px; left:-1px; content:""; width:190px; height:187px; }
.visual_rightBanner li.vr_01 span{ position:absolute; top:0px; left:0px;  display:inline-block; width:49px; height:48px; background:url(/img/label_new.png) no-repeat; z-index:5; }
.visual_rightBanner li.vr_02,.visual_rightBanner li.vr_03{ height:70px; margin-bottom:5px;}

/* 메인 중앙 상품 리스트 */
.main_middleList{ clear:both;  position:relative; width:100%;  padding:20px 0px 10px 0px;  }
.main_middleList:after{ content:""; display:block; clear:both; }
.middle_leftBanner{ float:left; position:relative; width:33.5%;  margin:0px; overflow:hidden;  }
.middle_leftBanner li{ margin-top:7px; }
.middle_leftBanner li:first-child{ margin-top:0px;  }
.middle_leftBanner li a{ } 

/* 메인 금주의 베스트 상품 */
.middle_weeklyList{ float:right; min-width:630px; width:64.5%; min-height:554px; background:#fff; padding:20px 0% 10px 0%; position:relative; border:solid 1px #333; border-width:2px 0px 1px 0px; overflow:hidden; }
.weekly_tab_menu{ position:absolute; top:15px; right:0px; }
.weekly_tab_menu li{ float:left; font:bold 14px/24px Malgun Gothic; color:#333; padding:0px 10px; cursor:pointer; }
.weekly_tab_menu li.on{ color:#fff; background:#ef7408; }
.weekly_list{ position:relative; width:99.5%; padding:10px 0px 0px 0.5%; min-height:180px;  }
.weekly_list:after{ content:""; display:block; clear:both; } 
.weekly_list li{ display:none; }
.weekly_list li .basic_goods{ width:23%; margin:10px 0.8%; }
.weekly_list li .basic_goods dt{ height:130px; padding:0;  margin:12px auto; text-align:center; }
.weekly_list li .basic_goods dt img{ width:100px; } 
.weekly_list li .basic_goods{  min-height:180px;  padding:10px 0px; }
.weekly_list li .basic_goods dd.name{ height:34px; }
.weekly_list li .basic_goods:hover dt img{ border:solid 1px #fff; background:none; }
.product_list{ position:relative; width:99.5%; padding:0 0 0 0.5%; min-height:300px; \ }
.product_list:after{ content:""; display:block; clear:both; } 
.product_list li{ display:none; }


/* #################################### 기본 상품 리스트 ################################# */
.basic_goods{ position:relative; display:inline-block;  float:left; width:24%; min-height:260px; max-height:300px; padding:10px 0px 10px 0px;  border:solid 1px #e9e9e9; 
			border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; text-align:center; margin:30px auto 20px; }
.basic_goods:after{ content:""; display:block; clear:both; } 
.basic_goods:hover{ border-color:#888; }
.basic_goods.row5{ width:18.75%; margin:20px 0.7% 20px 0.35%; }
.basic_goods dt{ min-width:140px; overflow:hidden; margin-bottom:5px; padding:0 0 12px 0; } 
.basic_goods dt img{ width:140px;  overflow:hidden; border:solid 1px #fff; padding:5px; z-index:3; background:#fff;} 
.basic_goods dd{ font:normal 12px/18px Dotum; } 
.basic_goods dd.name{ width:90%; height:35px; overflow:hidden; font:normal 12px/18px Dotum; margin:0 auto; padding:3px 0 0 0; }
.basic_goods dd.price{ display:none; width:100%; text-align:center; font:normal 12px/18px Arial; color:#999; }
.basic_goods dd.sale{text-align:center; font:bold 15px/18px Arial; color:#ef6418; padding-top:5px; } 
.basic_goods dd.sale b{ display:block; width:30%; font:normal 11px/16px Malgun Gothic; background:#41a41a; color:#fff; padding:0px 3px; letter-spacing:-1px;
						border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; margin:2px auto; }
.basic_goods dd .detail_info{ display:none;  }
.basic_goods:hover dd.name{  color:#000; }


/* 검색 화면단 상품 리스팅 처리 */
.product_list.search_mode{ width:100%; padding:0 0 50px 0; }
.product_list.search_mode .basic_goods{  display:block; clear:both; width:100%; min-height:40px; padding:5px 0; text-align:left; margin:0 auto; border:none; border-bottom:solid 1px #ddd; 
					border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0;  }
.product_list.search_mode .basic_goods.row5{ width:100%; margin:0; }
.product_list.search_mode .basic_goods:first-child{ border-top:solid 1px #ddd; }
.product_list.search_mode .basic_goods dt{ width:10%; height:auto; float:left; display:inline-block;  margin:0 auto; padding:0; text-align:center; }
.product_list.search_mode .basic_goods dt img{ width:100px; padding:0; } 
.product_list.search_mode .basic_goods:hover dt img{ border:solid 1px #50b921; }
.product_list.search_mode .basic_goods:hover dt img{ background:#fff; }
.product_list.search_mode .basic_goods dd{ float:left; width:10%; height:auto; display:inline-block; vertical-align:top;  } 
.product_list.search_mode .basic_goods dd.price{ display:none; }
.product_list.search_mode .basic_goods dd.checkBox{ z-index:1; }
.product_list.search_mode .search_type{ display:inline-block; }
.product_list.search_mode .basic_goods dd.name{ width:58%; padding:12px 0 0 0; font-weight:bold; color:#333; margin-right:1%;  }
.product_list.search_mode .basic_goods dd .detail_info{ display:block; width:100%; padding:3px 0 0 0; font:normal 11px/16px Dotum; color:#666;  }
.product_list.search_mode .basic_goods:hover dd.name{  letter-spacing:0px; }
.product_list.search_mode .basic_goods dd.co_logo{ width:14%; text-align:left; }
.product_list.search_mode .basic_goods dd.sale{ min-width:12%; float:right; padding:12px 1% 0 0;  text-align:right; } 
.product_list.search_mode .basic_goods dd.sale b{ width:50%; text-align:center; float:right;  }
.product_list.search_mode .basic_goods dd.sale .point_box{ float:right; }
.product_list.search_mode .basic_goods:hover{ background:#f9f9f9;   border-bottom:solid 1px #ddd; }
.product_list.search_mode .basic_goods:hover dd.name{ color:#1d44d5; }

.point_box{ display:inline-block; font:normal 11px/16px Malgun Gothic; background:#fff; border:solid 1px #a7d1f2; color:#3f8ac3; vertical-align:top; margin:2px 3px 0 0; padding:0px 2px;
			border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; vertical-align:top; }
.point_box s{ text-decoration:none; }
.label_co{ display:inline-block; width:auto; font:normal 11px/16px Malgun Gothic; background:#fff; border:solid 1px #ccc; color:#888; vertical-align:top; margin:-2px 0 0 0; padding:0px 2px;
			border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; vertical-align:top; }
.co_logo{  text-align:center; padding:8px 0 0 0; }
.co_logo img{ height:18px; margin:0; padding:0px 5px 3px 5px; }
.co_logo b{ font:normal 11px/14px Malgun Gothic; color:#2e537d; }
.product_list.search_mode .co_logo img{  margin:5px 0 0 0; height:22px; }
.product_list.search_mode .co_logo b{ display:block; padding:5px 0 0 0; }
.goods_code{ display:none; }
.product_list.search_mode .goods_code{ display:block; font:normal 11px/13px Doutm; color:#777; padding:3px 0; }
.sale_ment{ font:normal 11px/13px Malgun Gothic; color:#749abc; }

.co_logo_wrap{ display:inline-block; position:relative; }
.co_logo_wrap:hover .co_logo_memo{ display:block; }
.co_logo_wrap:hover img{ background:#c4fdff url(/img/white_90.png);  border:solid 1px #86b0f5; border-width:1px 1px 0 1px;  }
.co_logo_memo{ /*display:none;*/display:none; position:absolute;  z-index:10; left:-20px; width:130px; border:solid 1px #86b0f5; background:#c4fdff url(/img/white_90.png); font:normal 12px/16px Malgun Gothic; color:#666; 
			padding:3px 7px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.co_logo_memo > b{ display:block; color:#1d52a9; font:bold 12px/16px Malgun Gothic; padding:0 0 3px 0;}
.search_type{ display:none; }

/* 업체 디폴트 베스트 메뉴 */
.middle_weeklyList.best{ clear:both;  width:98%; min-height:100px; padding:5px 1%; border-bottom-color:#ccc;  }
.middle_weeklyList.best h2{ padding-top:5px; clear:both; text-indent:10px; font:bold 16px/18px Malgun Gothic;}
.middle_weeklyList.best .weekly_tab_menu{ position:absolute; top:0px; right:0px; }
.middle_weeklyList.best .weekly_tab_menu li{  padding:3px 10px 5px 10px; cursor:pointer; border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; }

.best_goods{ position:relative; display:inline-block;  float:left; min-height:183px; padding:0px; width:20%;  cursor:pointer; text-align:center; margin:0px auto; }
.best_goods:after{ content:""; display:block; clear:both; } 
.best_goods dt{ width:120px; overflow:hidden; margin:0 auto 5px; text-align:center;  } 
.best_goods dt img{ max-width:100%;  overflow:hidden;  } 
.best_goods dd{ font:normal 12px/18px Dotum; } 
.best_goods dd.name{ width:90%; height:35px; font:normal 13px/18px Dotum; margin:0 auto; overflow:hidden;  }
.best_goods dd.price{ display:none; width:100%; text-align:center; font:normal 12px/18px Arial; color:#999; }
.best_goods dd.sale{ width:100%; text-align:center; font:bold 14px/18px Arial; color:#e85426; padding-top:5px; position:absolute; bottom:0px; } 
.best_goods:hover dd.name{ font:bold 13px/18px Dotum; letter-spacing:-1px; }
.best_goods:hover dd.sale{ color:#226ee0; font:bold 18px/18px Arial; }

/* 메인 롤링 3개 배너 */
.main_rollinBanner{ clear:both; position:relative; width:100%;  padding:15px 0;  }
.main_rollinBanner:after{ content:""; display:block; clear:both; }
.main_rollinBanner ul{ position:relative; margin:0 auto; } 
.main_rollinBanner ul li{ float:left; }

.t_sub_menu{ position:absolute; bottom:5px; right:5px; font:normal 11px/16px Malgun Gothic; letter-spacing:0px; color:#777; }
.t_sub_menu a{ display:inline-block;  padding:0px 5px; color:#444; font:normal 11px/16px Dotum; }
.t_sub_menu a:first-child{ color:#333; font-weight:bold; letter-spacing:-1px; }
.t_sub_menu a:hover{ color:#df0e00; font-weight:bold; letter-spacing:-2px; }
.lnbTitle em{ display:none; }
.lnbTitle a i{ color:#2f970b; font:bold 18px/18px Malgun Gothic; }
.jcarousel-skin-tango { position:relative; width:100%; height:150px; }
.jcarousel-skin-tango li{ text-align:center; font:normal 11px Dotum; width:333px; height:150px; margin:0px; cursor:pointer; }
.jcarousel-skin-tango .jcarousel-clip{ overflow:hidden; }
.jcarousel-skin-tango .jcarousel-prev-horizontal{ position:absolute; top:58px; left:-26px; width:26px; height:36px; cursor:pointer; background:#000 url(/img/jcarousel_prev.png) no-repeat; opacity:.4;  }
.jcarousel-skin-tango .jcarousel-next-horizontal{ position:absolute; top:58px; right:-26px; width:26px; height:36px; cursor:pointer; background:#000 url(/img/jcarousel_next.png) no-repeat; opacity:.4; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:hover{ opacity:1; background-color:#0b9487; }

/* 메인 핫 아이템 배너 */
.hot_item{ clear:both; position:relative; width:100%; padding:10px 0 20px 0; }
.hot_item .banner{ position:relative;  background:#f5f5f5; padding:7px 7px; overflow:hidden; }
.hot_item .banner li{ float:left; border:solid 1px #e1e1e1; border-width:1px 0px 1px 1px; background:#fff; padding:4px 1px; cursor:pointer; margin:2px auto; }
.hot_item .banner li:nth-child(5n){ border-width:1px 1px 1px 1px; }
.hot_item .banner li:hover{ opacity:.7; }

/* 메인 탭 카테고리 리스트 */
.main_tab_category{ position:relative; width:100%;  padding:20px 0px 0px 0px; background:#fff; }
.main_tab_category:after{ content:""; display:block; clear:both; } 
.tab_cate_menu{ position:relative;  width:100%; overflow:hidden;  border-bottom:solid 2px #ed4772; }
.tab_cate_menu li{ display:inline-block; float:left; width:13.5%; padding:10px 0; font:bold 14px/20px Malgun Gothic; color:#777; padding:7px 0px; cursor:pointer; margin:0 0.5% -1px 0;
				border:solid 1px #d1d1d1; border-width:1px 1px 0px 1px; text-align:center; background:#f9f9f9; }
.tab_cate_menu li.on{ color:#fff; border:solid 1px #ed4772; border-width:2px 2px 0px 2px; letter-spacing:-1px; z-index:999; background:#ed4772 url(/img/arrow_w.png) no-repeat 98% center; }
.tab_cate_list{ position:relative; width:98%; padding:0px 1% 0px 1%; min-height:250px;}
.tab_cate_list:after{ content:""; display:block; clear:both; } 
.tab_cate_list li{ display:none; }

/* h1~h5 스타일 */
.title_1{width:100%; height:160px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:16px; font-size:32px; font-weight:700; line-height:1; color:#222; padding:64px 0;}
.title_1 strong{color:var(--primaryColor-1000);}
.title_1 span{}
.title_1 span.best{color:var(--primaryColor-1000);}
.title_1 > b{color:var(--primaryColor-1000);}
.title_1 > i > s{ text-decoration:none; font-style:normal;  }
.title_1 > i > s:after{ content:" 제품"; }
.title_1 > i > s.d_n:after{ content:""; }
.title_1 > i > s.j_n:after{ content:" 생산품"; }
.title_1 > i > s.p_n:before{ content:"장애인 "  }
.title_1 > b a{ color:#ec3852; }
.title_1 > b a:after{ content:" 제품"; }
.title_1 > b a.nok1:after{ content:""  }
.title_1 > b a.jung1:after{ content:" 생산품"  }
.title_1 > b a.pyo1:before{ content:"장애인 "  }
.title_1 .path_b{ display:none; }
.title_1 > b > b{ font-weight:normal; }
.title_1 > b s{ display:none; }
.title_1 > b s.active{ display:inline-block; text-decoration:none; }
.title_2{}
.title_2 strong{font-weight:500;}
.title_2 b{}
.title_3{ position:relative; clear:both; font:bold 18px/18px Malgun Gothic; letter-spacing:-1px; padding:0px 0px 6px 5px;  }
.title_3 b{ color:#2f970b; }
.title_popup{ position:relative;  color:#fff; display:block; text-align:center; font:bold 18px/22px Malgun Gothic; letter-spacing:-1.5px; padding:6px 0px 7px 0px; background:#388f19; margin:0; }
.title_4{ font:bold 18px/20px Malgun Gothic; padding:20px 0 0 0; letter-spacing:-1px; color:#277ed6; } 
.title_5{font:bold 18px/22px Malgun Gothic; padding:0px 0px 8px 2px; }
p.center{ font:normal 14px/18px Malgun Gothic; color:#333; text-align:center; padding:15px 0 0 0; }


/* 베스트 상품*/
.best_tab{ clear:both; position:relative; width:90%;  margin:20px auto; }
.best_tab:after{ content:""; display:block; clear:both; } 
.best_tab li{ float:left; display:inline-block; width:11.6%; margin:0 0.4%; padding:5px 0 10px 0; font:normal 12px/18px Malgun Gothic; letter-spacing:-1px; color:#605959; text-align:center;
			background:url(/img/bg_pattern_27.png); cursor:pointer; 
			border:none; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; }
.best_tab li:hover{ background:#46a518; color:#fff; } 
.best_tab li.active{ background:#fff; font-weight:bold; color:#4d4d4d; border:2px solid #46a518; } 
.best_tab li.active b{ color:#ea391c; }
.best_tab li b{ display:block; font:bold 18px/25px Malgun Gothic; padding:0 0 0px 0;   }
.best_tab li strong{  display:block; width:100%; height:27px; }
.best_tab li strong.best_00{ background:url(/img/gnb_all.png) no-repeat center; }
.best_tab li strong.best_01{ background:url(/img/gnb_jungso.png) no-repeat center; }
.best_tab li strong.best_02{ background:url(/img/gnb_logo_ye.png) no-repeat center; }
.best_tab li strong.best_03{ background:url(/img/gnb_logo_jung.png) no-repeat center; }
.best_tab li strong.best_04{ background:url(/img/gnb_logo_pyo_s.png) no-repeat center; }
.best_tab li strong.best_05{ background:url(/img/gnb_logo_jang.png) no-repeat center; }
.best_tab li strong.best_06{ background:url(/img/gnb_logo_sa.png) no-repeat center; }
.best_tab li strong.best_07{ background:url(/img/gnb_medal.png) no-repeat center; }

/* 상품 기본 리스트 */
.sub_title{width:100%; display:flex; flex-direction:column; position:relative;}
.sub_title.none{border-bottom:none; padding:15px 0px 0px 0.3%; width:99.4%; }

.goodsList .fixed_Menu .sub_title{gap:12px; margin:40px auto 16px;}

.sub_title .sub_title_t{display:flex;}
.sub_title .sub_title_t h2{flex:1; font-size:16px; font-weight:500; line-height:1; color:#222;}
.sub_title .sub_title_t .reSearch{}
/*
.reSearch{float:right ;width:240px; border:1px solid #ccc;}
.reSearch input{border:none; padding:4px 4px;width:200px;}
.reSearch input.search_btn{border:none; padding:4px ;border-left:none;height:18px; width:18px}
*/
.reSearch-wrap{flex:0 100%; display:flex; justify-content:center;}
.reSearch{width:320px; height:42px; display:flex; background:#fff; border:1px solid #ddd; border-radius:50px; padding:0 10px 0 0;}
.reSearch input{width:100%; background:none; border:none; outline:none; font-size:14px; font-weight:400; line-height:1; color:var(--blackColor-300); padding:4px 24px;}
.reSearch button{width:42px; height:42px; display:flex; justify-content:center; align-items:center; background:none; border:none;}
.reSearch button img{}

.sub_title .sub_title_b{display:flex;}
.sub_title .sub_title_b .memo2{flex:1; font-size:14px; line-height:1; color:var(--blackColor-300);}
.sub_title .sub_title_b .memo2 b{font-weight:500; color:var(--primaryColor-1000);}

.sort_btn{}
.sort_btn ul{justify-content:flex-end; gap:24px;}
.sort_btn ul.display-pc{display:flex;}
.sort_btn ul.display-m{display:none;}
.sort_btn ul button{background:none; border:none; font-size:13px; font-weight:400; line-height:1; color:var(--blackColor-300);}
.sort_btn ul button:hover{color:var(--primaryColor-1000);}
.sort_btn ul button.on{color:var(--primaryColor-1000);}
.sort_btn2{float:right}
/*
.sort_btn button.l_mod{ position:relative; background:#fff; border-color:#34aee1;  font-size:0; padding:2px 0px 1px 0px;  min-width:23px; height:25px;  border-radius:0px; margin:0 3px 0 0; }
.sort_btn button.l_mod:before{ content:""; color:#34aee1; width:100%; height:100%; text-align:center; display:inline-block; font:normal 35px 'icon2',Arial; vertical-align:top;  }
.sort_btn button.thumb:before{ content:"k";  }
.sort_btn button.list:before{ content:"i";  font-size:39px; }
.sort_btn button.l_mod:hover{ background:#f2fbff; }
.sort_btn button.l_mod:hover:before{ color:#34aee1; }
.sort_btn button.l_mod.active{ background:#34aee1; border-color:#34aee1; }
.sort_btn button.l_mod.active:before{  color:#fff; }
*/
@media (max-width:768px){
.goodsList .fixed_Menu .sub_title{margin:24px auto 12px;}

.sort_btn ul.display-pc{display:none;}
.sort_btn ul.display-m{display:flex;}
.sort_btn ul.display-m li{}
.sort_btn ul.display-m li button{display:flex; align-items:center;}
.sort_btn ul.display-m li button p{font-size:12px; line-height:1; color:#555;}
}



/* breadCrumb */
.path{display:flex; align-items:center; position:absolute; top:50%; left:0; transform:translate(0, -50%);}
.path b{display:flex; align-items:center; font-size:12px; font-weight:400; line-height:1; color:#555;}
.path s{font-size:12px; font-weight:400; line-height:1; color:#555; text-decoration:none;}
.path a{font-size:12px; font-weight:400; line-height:1; color:#555;}
b.com_path{}
b.com_path:hover{color:var(--primaryColor-1000);}
.path > a{color:#888;}
.path > a:hover{color:var(--primaryColor-1000);}
.path > span{display:flex; align-items:center;}
.path > span:before{content:"\f105"; font-size:10px; font-family:'Line Awesome Free'; font-weight:900; line-height:1; color:#555; margin:0 4px;}
.path > span a{color:#888; vertical-align:top;  }
.path > span a b{}
.path > span a:hover{color:var(--primaryColor-1000);}
.path > span i{font-size:10px; line-height:1; color:#555; margin:0 4px;}

.path > i{font-size:10px; font-family:'Line Awesome Free'; font-weight:900; line-height:1; color:#555; margin:0 4px;}
.path > b:before{content:"\f105"; font-size:10px; font-family:'Line Awesome Free'; font-weight:900; line-height:1; color:#555; margin:0 4px;}

b.com_path{}
b.com_path b{}
b.com_path s{display:none;}
b.com_path s.active{display:inline-block;}
b.com_path a{}


/* 페이징 처리 */
.paging{display:flex; justify-content:center; align-items:baseline; gap:4px; margin:80px auto 0;}
.paging b, .paging span{min-width:28px; display:flex; justify-content:center; align-items:center; font-size:14px; line-height:1; color:#555; cursor:pointer;}
.paging b i, .paging span i{}
.paging b{}
.paging b:hover{color:#111; text-decoration:underline #111;}
.paging span{}
.paging span:hover{color:#111; text-decoration:underline #111;}
.paging span.on{font-weight:500; color:var(--primaryColor-1000);}
.paging span.on b{font-weight:500; color:var(--primaryColor-1000);}
.paging span.on:hover{text-decoration:underline var(--primaryColor-1000);}
.paging span.on b:hover{text-decoration:underline var(--primaryColor-1000);}

.paging_box_copy{ clear:both; position:relative; width:100%;  margin:0 auto; padding:0; }
.paging_box_copy:after{ content:""; display:block; clear:both; } 
.paging_box_copy .paging{ padding:20px 0px;  }

@media (max-width:768px) {
.paging{margin:40px auto 0;}
.paging b, .paging span{min-width:20px; font-size:12px;}
}


/* 서브 카테고리 상단 비쥬얼 영역 */
.cate_subVisual{width:100%; position:relative; margin:0px auto 0;}

.view_top{width:100%; min-height:396px; display:flex; gap:80px; position:relative; margin:0px auto 40px;}

.view_top .leftWrap_01{flex:0 50%;}
.view_top .rightWrap_01{flex:0 50%;}

.product-info{width:100%; display:flex; flex-direction:column; background:#f5f5f5; border-radius:8px; padding:16px; margin:24px 0 0;}
.product-info li{display:flex; flex-direction:column; gap:8px;}
.product-info li + li{border-top:1px dashed #ccc; padding:16px 0 0; margin:16px 0 0;}
.product-info li strong{flex:1; display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:13px; font-weight:500; line-height:1; color:#222;}
.product-info li strong button{background:#888; border-radius:8px; font-size:11px; font-weight:400; line-height:1; color:#fff; padding:6px 8px;}
.product-info li .product-info-item{display:flex; flex-direction:column; gap:8px;}
.product-info li dl{display:flex;}
.product-info li dl dt{flex:0 0 100px; font-size:12px; line-height:1.35; color:#888;}
.product-info li dl dt span{}
.product-info li dl dd{font-size:12px; font-weight:500; line-height:1.35; color:#222;}
.product-info li dl dd span{}
.product-info li dl dd span + span{margin:0 0 0 20px;}

@media (max-width:768px) {
.product-info li dl dt{width:auto; flex:0 0 90px;}
}

.view-title-box{display:flex; flex-direction:column; gap:12px;}
.view-title-box .view-title{display:flex; justify-content:space-between;}
.view-title-box .view-title h2{width:100%; font-size:28px; font-weight:500; line-height:1.2; color:#222; word-break:break-all;}
.view-title-box .view-price{}
.view-title-box .view-price h3{font-size:34px; font-weight:500; line-height:1; color:#000; margin:0 0 14px;}
.view-title-box .view-price h3 small{font-size:26px; font-weight:500;}
.view-title-box .view-price del{font-size:17px; font-weight:400; line-height:1; color:#aaa; display:block; margin:0 0 6px;}
.view-title-box .view-price p{font-size:24px; font-weight:700; line-height:1; color:#222;}
.view-title-box .view-price p strong{font-size:30px; color:var(--primaryColor-1000);}

.goods-info{display:flex; flex-direction:column; gap:12px; border:1px solid #e5e5e5; border-width:1px 0; padding:16px 0; margin:18px 0 0;}
.goods-info dl{display:flex;}
.goods-info dl dt{width:190px; font-size:14px; color:#888;}
.goods-info dl dd{width:calc(100% - 190px); font-size:14px; font-weight:500; color:#222;}


.selectArea{width:100%; display:flex; flex-direction:column; gap:12px; background:#f7f7f7; border-radius:8px; padding:16px;}
.selectArea .selectArea-t{flex:1; display:flex;}
.selectArea .selectArea-t p{flex:1; display:flex; flex-direction:column; gap:4px; font-size:16px; font-weight:500; line-height:1.3; color:#222;}
.selectArea .selectArea-t p small{font-size:13px; font-weight:400; line-height:1.3; color:#555;}
.selectArea .selectArea-t button{font-size:18px; color:#555;}
.selectArea .selectArea-t button:hover{color:var(--primaryColor-1000);}

.selectArea .selectArea-b{flex:1; display:flex; align-items:center;}
.selectArea .selectArea-b .item-count{}
.selectArea .selectArea-b strong{flex:1; font-size:22px; font-weight:500; line-height:1; color:#222; text-align:right;}


.goods-total{margin:16px 0 0;}
.goods-total dl{display:flex; justify-content:space-between; align-items:center;}
.goods-total dl dt{font-size:18px; font-weight:700; line-height:1; color:#222;}
.goods-total dl dd{font-size:28px; font-weight:700; line-height:1; color:#111;}

.item-count{position:relative; display:inline-block; border:1px solid #e5e5e5; border-radius:8px; text-align:center; padding:0 30px;}
.item-count .input-num{width:60px; height:30px; font-size:14px; color:#333; text-align:center; vertical-align:middle;
appearance:none; background:transparent; border:1px solid #e5e5e5; border-width:0 1px; outline:none;}
.item-count .input-num::-webkit-outer-spin-button,
.item-count .input-num::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
.item-count [class*="btn-"]{position:absolute; top:0; width:30px; height:100%; font-size:0; vertical-align:middle;}
.item-count [class*="btn-"]:before,
.item-count [class*="btn-"]:after{content:""; width:1px; height:1px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#888;}
.item-count .btn-minus{left:0;}
.item-count .btn-minus:after{width:9px;}
.item-count .btn-minus:before{display:none;}
.item-count .btn-plus{right:0;}
.item-count .btn-plus:after{width:9px;}
.item-count .btn-plus:before{height:9px;}

.goods-info dl dd .view-info-checkbox{display:flex; gap:16px;}
.goods-info dl dd .view-info-checkbox label{display:flex; align-items:center; gap:4px;}
.goods-info dl dd .view-info-checkbox label input{width:16px; height:16px;}
.goods-info dl dd .view-info-checkbox label p{font-size:12px; color:#333;}
.goods-info dl dd .view-info-checkbox label p small{font-size:11px;}

.goods-info dl dd .goods-info-mark{display:flex; align-items:center; gap:4px;}
.goods-info dl dd .goods-info-mark em{}
.goods-info dl dd .goods-info-mark p{font-size:12px; color:var(--primaryColor-1000);}


.product-infoTable{background-color:#f5f5f5; border-radius:8px; padding:24px;}
.product-infoTable table{width:100%;}
.product-infoTable table colgroup{}
.product-infoTable table colgroup col:first-of-type{width:260px;}
.product-infoTable table tr th,
.product-infoTable table tr td{border-bottom:1px solid #e5e5e5;}
.product-infoTable table th{font-size:14px; font-weight:500; text-align:left; padding:12px 8px;}
.product-infoTable table td{height:48px; font-size:14px; font-weight:400; padding:12px 8px;}

@media (max-width:1024px) {
.goods-total dl dt{font-size:16px;}
.goods-total dl dd{font-size:24px;}
}

@media (max-width:768px) {
.goods-total dl dt{font-size:15px;}
.goods-total dl dd{font-size:22px;}

.product-infoTable{padding:12px;}
.product-infoTable table colgroup{}
.product-infoTable table colgroup col:first-of-type{width:120px;}
.product-infoTable table th{font-size:12px;}
.product-infoTable table td{height:auto; font-size:12px;}
}

.view_top.right{ min-width:795px; width:100%;  }
.view_top.right table.normal td .option_name{ display:block; }

.cate_centerBanner{position:relative; width:100%; /*height:180px;*/ overflow:hidden; border:solid 0px #eee;  margin:0px auto;}
.cate_centerBanner2{ position:relative; width:100%; height:100px;  border:solid 1px #ccc; overflow:hidden; margin:10px auto 0px; }
.cate_centerBanner.h100{/*height:160px;*/ border:none;  } 
.sub_co_img{display:block; text-align:right; border-radius:8px; overflow:hidden;}
.sub_co_img img{width:100%;}

@media (max-width:1024px) {
.view_top{flex-direction:column; gap:40px;}

.view-title-box .view-title h2{font-size:24px;}
.view-title-box .view-price p{font-size:22px;}
}
@media (max-width:768px) {
.view-title-box .view-title h2{font-size:22px;}
.view-title-box .view-price p{font-size:20px;}

.goods-info dl dt{width:auto; min-width:140px; flex:0 140px; font-size:13px;}
.goods-info dl dd{width:auto; flex:1; font-size:13px;}
}


/* 업체 카테고리 상단 타이틀 및 배너 설명 문구 */
.cate_centerBanner h1{display:flex; flex-direction:column; gap:4px;}
.cate_centerBanner h1 a{font-size:20px; font-weight:500; line-height:1; color:#222;}
.cate_centerBanner h1 b{display:flex; align-items:center; gap:8px;}
.cate_centerBanner h1 b i{}
.cate_centerBanner h1 b p{}
.cate_centerBanner h1 a:after{content:"제품"}
.cate_centerBanner h1 a.nok1:after{content:""}
.cate_centerBanner h1 a.jung1:after{content:"생산품"}
.cate_centerBanner h1 a.pyo1:before{content:"장애인"}
.cate_centerBanner h1 span{font-size:12px; font-weight:400; line-height:1; color:#555;}
.cate_centerBanner.h100 table.coTitleMemo2{}

.coBanner{border-radius:8px; position:relative; overflow:hidden;}
.coBanner > img{width:100%; height:auto; display:block;}
.coBanner .coBanner-img{width:100%; height:208px;}
.coBanner .coBanner-info{display:flex; flex-direction:column; justify-content:center; gap:40px; padding:40px 0 40px 40px; position:absolute; inset:0;}
.coBanner .coBanner-info h1{display:flex; flex-direction:column; gap:4px;}
.coBanner .coBanner-info h1 b{display:flex; align-items:center; gap:6px;}
.coBanner .coBanner-info h1 b img{}
.coBanner .coBanner-info h1 b p{}
.coBanner .coBanner-info h1 b p a{display:block; font-size:16px; font-weight:500; color:#333;}
.coBanner .coBanner-info h1 span{display:block; font-size:16px; line-height:1.35; color:#333; word-break:keep-all;}
.coBanner .coBanner-info img.none{display:none;}

.coTitleMemo2{display:flex; flex-direction:column; gap:8px;}
.coTitleMemo2 strong{font-size:12px; font-weight:500; line-height:1; color:#222;}
.coTitleMemo2 p{font-size:12px; font-weight:400; line-height:1.35; color:#222;}
@media (max-width:1024px) {
.coBanner > img{}
.coBanner .coBanner-img{min-height:220px; background:#f5f5f5!important;}
.coBanner .coBanner-info{gap:20px; padding:16px;}
.coBanner .coBanner-info h1{gap:4px;}
.coBanner .coBanner-info h1 b p a{font-size:14px;}
.coBanner .coBanner-info h1 span{font-size:14px;}

.coTitleMemo2 strong{font-size:11px;}
.coTitleMemo2 p{font-size:11px;}
}


/*
table.coTitleMemo2{width:80%;}
table.coTitleMemo2.none{ display:none; }
table.coTitleMemo2 th{  width:11.5%; }
table.coTitleMemo2 th b{ display:block; letter-spacing:-1.5px; color:#666; background:#fff; border:solid 1px #ccc; padding:7px 0% 4px 0%; min-height:30px; font:bold 12px/18px Gulim; 
					 border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; vertical-align:middle;  }
table.coTitleMemo2 th img{  margin:0 auto; display:block; padding:0px 0 5px 0; }
table.coTitleMemo2 td{  padding:3px 0 0 1.5%; text-align:left; color:#888; font:normal 11px/18px Dotum; vertical-align:middle; }
table.coTitleMemo2.none{ background:red; }
*/
.cate_rightBanner{ width:185px; display:inline-block; float:right;  }
.cate_rightBanner li{ position:relative; border:solid 1px #ddd;  overflow:hidden; background:#f8f8f8; }
.cate_rightBanner li.vr_01{ height:220px; margin-bottom:5px; }
.cate_rightBanner li.vr_01 span{ position:absolute; top:0px; left:0px;  display:inline-block; width:49px; height:48px; background:url(/img/label_new.png) no-repeat; }
.cate_rightBanner li.vr_02{ height:169px; }

/* 딩벳폰트 */
.list:before{ content:"K"; font:normal 22px/40px 'icon', Malgun Gothic; vertical-align:top; padding-right:3px; color:#2f78c3; }
.infor:before{ content:"Y"; font:normal 22px/20px 'icon', Malgun Gothic; vertical-align:top; padding-right:3px; color:#2f78c3; }
/*.cart:before{ content:"i"; font:normal 22px/40px 'icon', Malgun Gothic; vertical-align:top; padding-right:3px; color:#fff; }*/
.member:before{ content:"V"; font:normal 22px/20px 'icon', Malgun Gothic; vertical-align:top; padding-right:3px; color:#fff; }
/*.check:before{ content:"%"; font:normal 22px/40px 'icon', Malgun Gothic; vertical-align:top; padding-right:3px; color:#fff; }*/
.delet2:before{ content:"X"; font:normal 22px/40px 'icon', Malgun Gothic; vertical-align:top; padding-right:3px; color:#aaa; }
/*.wish:before{ content:"o"; font:normal 22px/40px 'icon', Malgun Gothic; vertical-align:top; padding-right:3px; color:#fff; }*/
.topp:before{ content:"]"; font:normal 22px/40px 'icon', Malgun Gothic; vertical-align:top; padding-right:3px; color:#2f78c3; }
/*
.brand:before{ content:"J"; font:normal 22px/22px 'icon', Malgun Gothic; vertical-align:top; padding-right:3px; color:#eb4151; }
*/
.question:before{ content:"?"; font:normal 22px/20px 'icon', Malgun Gothic; vertical-align:top; padding-right:3px; color:#2f78c3; }
.man:before{ content:"f"; font:normal 22px/20px 'icon', Malgun Gothic; vertical-align:top; padding-right:3px; color:#2f78c3; }
.ball:before{ content:"b"; font:normal 22px/20px 'icon', Malgun Gothic; vertical-align:top; padding-right:3px; color:#2f78c3; }
/*
.delet:before{ content:"X"; font:normal 22px/20px 'icon', Malgun Gothic; vertical-align:top; padding-right:0px; color:#aaa; }
*/
.sopping:before{ content:"."; font:normal 22px/40px 'icon', Malgun Gothic; vertical-align:top; padding-right:3px; color:#fff; }
.print:before{ content:"K"; font:normal 22px/40px 'icon', Malgun Gothic; vertical-align:top; padding-right:3px; color:#2f78c3; }

/* 상세 뷰페이지 */
.leftWrap_01{position:relative;}
.rightWrap_01{position:relative;}
.noData{text-align:center; font-size:14px; color:#666; padding:50px 0px;}
.noData.noCart{padding:50px 0px;}

/* 상세 세부 이미지 */
.goods_title_img{ position:relative; width:100%; margin:0 auto; }
.goods_title_img dt{position:relative; width:100%; border:1px solid #e5e5e5; border-radius:8px; padding-top:100%; overflow:hidden;}
.goods_title_img dt img{height:100%; display:block; position:absolute; top:0;}

.goods_title_img dd{display:flex; gap:8px; margin:8px 0 0;}
.goods_title_img dd a{display:inline-block; width:88px; height:88px; border:solid 1px #e5e5e5; border-radius:8px; overflow:hidden;}
.goods_title_img dd a:hover{border-color:var(--primaryColor-1000);}
.goods_title_img dd a img{width:100%; height:100%;}

.zoom{ position:relative; width:100%; margin:0 auto; max-width:850px; padding:0; }
.zoom .goods_title_img{ position:relative; width:750px; margin:0 auto; }
.zoom .goods_title_img dt{ position:relative; width:100%; height:auto;  border:none; overflow:hidden; }
.zoom .goods_title_img dt:after{ content:"";  padding:0px; cursor:pointer; }
.zoom .goods_title_img dt img{  position:relative; width:auto; max-width:100%; height:auto; border:solid 1px #ddd; }
.zoom .goods_title_img dd a{ display:inline-block; width:62px; height:62px; border:solid 1px #ddd; margin:5px 5px ; ; vertical-align:top; text-align:left;  }
.zoom .goods_title_img dd:after{ content:""; display:block; clear:both; }

.goodsList{position:relative; width:100%; padding:0;}

@media (max-width:1024px) {
.goods_title_img dd a{width:auto; height:auto; flex:0 0 calc((100% - (8px * 3)) / 4); max-width:120px;}
}

@media (max-width:768px) {
.goods_title_img dd a{max-width:calc((100% - (8px * 3)) / 4);}
}


/* 상품 상세 정보 4개 탭 */
.originT{display:none; width:100%;}

.tab_product4{width:100%; display:flex;}
.tab_product4 li{flex:1 0; border:1px solid #ddd; border-bottom:2px solid var(--primaryColor-1000); border-radius:8px 8px 0 0; overflow:hidden;}
.tab_product4 li + li{border-left:transparent;}
.tab_product4 li a{height:100%; display:flex; justify-content:center; align-items:flex-end; background:#fff; font-size:16px; font-weight:400; line-height:1.3; color:#a1a1a1; padding:16px;}
.tab_product4 li.on{border:solid 1px var(--primaryColor-1000); border-width:2px 2px 0;}
.tab_product4 li.on a{font-weight:500; color:var(--primaryColor-1000);}
.tab_product4 li:hover{}
.tab_product4 li:hover a{color:var(--primaryColor-1000);}
.tab_product4 li.on a:hover{}
.tab_product4 li a b{font-size:13px; font-weight:500;}

.Tdata{position:relative; width:100%;font:normal 12px/18px Dotum; padding:40px 0 40px 0; min-height:130px; overflow:hidden;}
.Tdata h3{font-size:18px; font-weight:500; line-height:1; color:#333; margin:0 0 20px;}
.Tdata-con{}
.Tdata-con + .Tdata-con{margin:32px 0 0;}


.product_info_1{ clear:both; min-height:200px; /*text-align:center; */ text-align: }
.product_info_1 img{ margin-left:0px; }
.Tdata.product_info_5{ border-bottom:dotted 1px #ddd; padding:40px 0 0 0; margin-bottom:20px; }

@media (max-width:1024px) {
.tab_product4 li a{flex-direction:column; align-items:center; font-size:14px; padding:12px;}

.originTab{position:sticky; top:60px; z-index:990; scroll-margin-top:60px;}
.originTab .tab_product4{width:calc(100% + 34px); position:relative; left:-17px;}
.originTab .tab_product4 li{border-radius:0; overflow:visible;}


}

@media (max-width:768px) {
.tab_product4 li a{font-size:12px; padding:8px;}
.tab_product4 li a b{font-size:12px;}

.Tdata{padding:16px 0;}
}


/* 상품후기 작성 폼 */
.reviewList{ position:relative; width:100%; overflow:hidden; background:#f9f9f9; }
.reviewList:after{ content:""; display:block; clear:both; }
.reviewList li{ position:relative;  border:solid 1px #ddd; border-width:0px;  overflow:hidden; font:normal 12px/18px Malgun Gothic; padding:10px 3% 5px 3%; background:#fff; }
.reviewList li:first-child{  border-top:none; }
.reviewList li:nth-child(even){ background:#fff; }
.reviewList li .no_data{ text-align:center; font:normal 14px/30px Malgun Gothic; color:#777; min-height:100px;  }
.reviewList li strong{ display:inline-block; background:url(/img/arrow_sb.png) no-repeat 0px 6px; padding:0px 0px 0px 8px; color:#286cc0; }
.reviewList li button{float:right; display:flex; justify-content:center; align-items:center; border:1px solid #555; border-radius:8px; font-size:12px; line-height:1; color:#555; padding:8px 12px;}
.reviewList li .Rememo{  font:normal 12px/18px Malgun Gothic; padding:5px 0px; color:#777;  }
.reviewList li .date{ color:#999;  display:inline-block;  padding:0px 7px;   }
.reviewList li.admin_re{ padding-left:90px; }
button.gray{ display:inline-block; min-width:50px;  background:#eee url(/img/gradation_top_01.png) repeat-x top; color:#666; border:solid 1px #999;  cursor:pointer;  font:normal 11px/18px Malgun Gothic; vertical-align:top;  padding:0 3px; margin:0 3px;
				border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
button.gray.print{ min-width:118px; padding:1px 0px 3px 0px; margin-top:3px;  font:normal 12px/18px Malgun Gothic; background:#e9ecef url(/img/gradation_top.png) repeat-x top; color:#3d586f; border-color:#a5b5c3; }
button.gray.print:hover{ background:#e6f4ff; color:#2c8ad9; }
button.gray.w50{ min-width:13%;  font:bold 13px/27px Malgun Gothic; background:#399216; color:#fff;  }
button.gray:hover{ background:#fff; color:#333; }
button.blue2{ min-width:80px; height:24px; font:bold 11px/18px Malgun Gothic;  padding:0px;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;
				border-color:#5eb0f0; background:#f5faff url(/img/gradation_top.png) repeat-x top; color:#007ee5;  cursor:pointer;  vertical-align:top; }
button.blue2.check:before{ color:#5eb0f0; font-size:14px!important; line-height:130%;  }
button.red{  min-width:60px;  height:24px; color:#fff; font:bold 11px/18px Malgun Gothic;  padding:2px 0 3px 0;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;
			 border:solid 1px #e44651;	background:#fd636e;  cursor:pointer;  vertical-align:top; }
button.red:hover{ background:#dd2a37; }
button.block{ display:block; margin:2px auto}


.star_01{ display:inline-block; width:17px; height:17px; background:url(/img/star.png) no-repeat right; margin:2px 2px; cursor:pointer; }
.star_02{ display:inline-block; width:36px; height:17px; background:url(/img/star.png) right;  margin:2px 2px; cursor:pointer; }
.star_03{ display:inline-block; width:53px; height:17px; background:url(/img/star.png) right;  margin:2px 2px; cursor:pointer; }
.star_04{ display:inline-block; width:73px; height:17px; background:url(/img/star.png) right;  margin:2px 2px; cursor:pointer; }
.star_05{ display:inline-block; width:90px; height:17px; background:url(/img/star.png) right;  margin:2px 2px; cursor:pointer; }

.zoom table.info{ margin:20px auto; }
.reviewList li.goodsWriteForm{ position:relative; width:100%; overflow:hidden; padding:20px 1% 20px 1%; background:#fff; }
.zoom input[type=radio]{  display:inline-block;  width:13px; height:13px; padding:4px; }
/*
input[type=text].w50{width:44%; height:24px; border:solid 1px #999; font:bold 12px/24px Malgun Gothic; padding:0px 0px 3px 5px; margin:0px auto; }
input[type=text].w80{width:80%; height:24px; border:solid 1px #999; font:normal 12px/24px Malgun Gothic!important; padding:0px 0px 3px 5px!important; margin:0px auto; }
input[type=text].w50:hover,input[type=text].w50:focus{ border:solid 1px #1a7fcd; background:#f8fcff; }
*/


.infoBasic{ position:relative; width:100%; color:#333; padding-top:20px; overflow:hidden; }
.infoBasic:after{ content:""; display:block; clear:both; }
.infoBasic li:before{ content:"%"; font:normal 12px 'icon',Arial; color:#1a982c; padding-right:3px; }

.step{ position:relative; width:100%; margin:20px 0px 0px 0px; }
.step:after{ content:""; display:block; clear:both; } 
.step li{ position:relative;  width:90px; height:30px; float:left; cursor:pointer;  font:normal 12px/18px Gilim; background:url(/img/step_bg_off.gif) no-repeat top center; text-align:center; vertical-align:bottom; padding-top:75px; }
.step li span{ position:absolute; top:0px; left:12px; display:inline-block; width:67px; height:67px; /*border:solid 1px red;*/  }
.step li span.step_01{ background:url(/img/my_step_02.png) no-repeat top center; }
.step li span.step_02{ background:url(/img/step_img_02.png) no-repeat top center; }
.step li span.step_03{ background:url(/img/step_img_03.png) no-repeat top center; }
.step li span.join_01{ background:url(/img/join_step_01.png) no-repeat top center; }
.step li span.join_02{ background:url(/img/join_step_02.png) no-repeat top center; }
.step li span.join_03{ background:url(/img/join_step_03.png) no-repeat top center; }
.step li span.my_01{ background:url(/img/my_step_01.png) no-repeat top center; }
.step li span.my_02{ background:url(/img/my_step_02.png) no-repeat top center; }
.step li span.my_03{ background:url(/img/my_step_03.png) no-repeat top center; }
.step li span.my_04{ background:url(/img/my_step_04.png) no-repeat top center; }
.step li span.my_05{ background:url(/img/my_step_05.png) no-repeat top center; }
.step li span.my_06{ background:url(/img/my_step_06.png) no-repeat top center; }
.step li span.my_07{ background:url(/img/my_step_07.png) no-repeat top center; }
.step li span.my_08{ background:url(/img/my_step_08.png) no-repeat top center; }
.step li span.my_09{ background:url(/img/my_step_09.png) no-repeat top center; }
.step li span.my_10{ background:url(/img/my_step_10.png) no-repeat top center; }
.step li span.my_11{ background:url(/img/my_step_11.png) no-repeat top center; }
.step li:hover{background:url(/img/step_bg_hover.gif) no-repeat top center; text-align:center; /*opacity:.4; filter:alpha(opacity=40);*/ }
.step li.on{  background:url(/img/step_bg_on.gif) no-repeat top center; text-align:center; font:bold 12px/18px Gilim;  }
.text{ width:auto;font:normal 12px/20px Dotum; color:#333; text-align:left; margin-left:5px; padding:10px 0px 25px 0px;  background:none; }

.step li b{color:red }



.search_form{ width:100%; padding:10px 0; text-align:center; font-size:13px; background:#f3f9ff; border-top:2px solid #1467b2}
.search_form input[type=text]{width:120px; border:1px solid #ccc; }
.chart_list{margin:60px auto; text-align:center}
.chart_list img{margin:10px auto; border:none}

/*
button{ background:#fff; border:solid 1px #999; color:#666; text-align:center; vertical-align:middle; cursor:pointer; 
		border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; padding:0px 5px 0px 5px; font:normal 13px/20px Malgun Gothic; }
*/
button.green2{ background:#4abbf5; border-color:#4497de; color:#fff;}
button.blue{ background:#44ad1b; border-color:#328f0d; color:#fff;}
button.blue3{ background:#1467b2; border-color:#3a98db; color:#fff;}





/* 주문상세내역 레이어 */
.layerWrap{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(/img/black_60.png); z-index:10; overflow-y:auto; padding:0px; margin:0; }
.layerWrap .centerWrap{ background:#fff; padding:20px 40px; width:1000px; }
.layerWrap .centerWrap.none{ position:relative; background:none; padding:111px 0 0 0; width:390px; }
.layerWrap .centerWrap.main{ position:relative; background:none; padding:166px 0 0 0; width:700px; }
.layerClose{ display:inline-block;  position:fixed; top:5px; right:50%; margin-right:-530px; padding:0; vertical-align:top; background:#fff; width:30px; height:40px; font:normal 30px Malgun Gothic; color:#333; border:none; cursor:pointer; }
.layerWrap .centerWrap.none .layerClose{  position:absolute; top:114px; right:-3%; margin-right:0px; background:none; z-index:2; color:#fff; }
.layerClose:hover{ color:#e51827; }
.layerClose:before{ content:"x"; font:normal 44px 'icon',Arial;  vertical-align:top; }

/* 로그인 */
.loginbox{ position:relative; width:100%; margin:0px auto; min-height:290px;  background:#fff /*url(/img/icon_login.png) no-repeat right bottom*/; box-shadow:1px 1px 5px rgba(0,0,0,.5);
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;  padding:0px 7%;}
.loginbox.main{ position:relative; width:100%; margin:0px auto; min-height:290px;  background:#fff /*url(/img/icon_login.png) no-repeat right bottom*/; box-shadow:1px 1px 5px rgba(0,0,0,.5);
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;  padding:0px; overflow:hidden }
.loginbox:after{ content:""; clear:both; display:block; }
.loginbox h2{ font:bold 20px/22px Malgun Gothic; padding:13px 0; color:#fff; background:#0c7fe1; padding-left:5%; margin:0 0 20px 0; 
				border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; }
.loginbox p{ font:normal 12px/16px Malgun Gothic;  color:#666; padding:4px 0; letter-spacing:-0.7px; vertical-align:middle; }
.loginbox p:after{ content:""; clear:both; display:block; }
.loginbox p:first-child{ font:normal 14px/16px Malgun Gothic; color:#333; }
.loginbox p:before{ content:"%";  font:normal 12px 'icon',Arial; color:#3eb327; padding-right:3px; }
.loginbox p button{ float:right; width:100px; font:normal 12px/18px Malgun Gothic; margin:0; border:solid 1px #96c882; background:#f4ffef url(/img/gradation_top_01.png) repeat-x top; color:#1e9f1a; vertical-align:middle; }


.loginbox.main h2{ font:bold 18px/21px Malgun Gothic; padding:8px 0; color:#fff; background:#0c7fe1; padding-left:5%; margin:0 ; 
				border-radius:5px 5px 0 0 ; }
.loginbox.main h2.seller{  background:#42a530;  }
.loginbox p{ font:normal 12px/16px Malgun Gothic;  color:#666; padding:4px 0; letter-spacing:-0.7px; vertical-align:middle; }
.loginbox p:after{ content:""; clear:both; display:block; }
.loginbox p:first-child{ font:normal 14px/16px Malgun Gothic; color:#333; }
.loginbox p:before{ content:"%";  font:normal 12px 'icon',Arial; color:#3eb327; padding-right:3px; }
.loginbox p button{ float:right; width:100px; font:normal 12px/18px Malgun Gothic; margin:0; border:solid 1px #96c882; background:#f4ffef url(/img/gradation_top_01.png) repeat-x top; color:#1e9f1a; vertical-align:middle; }




.formLogin{ position:relative; width:96.5%; padding:20px 0 15px 3.5%; background:#f7f7f7; border:dotted 1px #ccc; 
			margin:0px auto 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.formLogin:after{ content:""; clear:both; display:block; }
.formLogin li{ float:left; }
.formLogin li:first-child{ width:70%; }
.formLogin li button{ float:left; width:100px; height:55px; font:normal 18px/55px Malgun Gothic; letter-spacing:-1px; background:#0c7fe1; color:#fff; border-color:#0c7fe1; margin:0; vertical-align:top; }
.formLogin li button:hover{ background:#0d8cc1; border-color:#0d8cc1; }
.padding_left{ padding-left:77px; }
.formLogin label{ padding-bottom:4px;  font:bold 12px/20px Malgun Gothic; color:#666; }
.formLogin label:hover{ color:#34ab0b; }
.formLogin label b{ display:inline-block; width:26%;  vertical-align:middle; color:#0a74b8; }
.formLogin input[type=text],.formLogin input[type=password]{ width:65%; padding:1px 0 1px 3%; font:normal 16px/20px Malgun Gothic; margin:0 0 4px 0; vertical-align:top; }
.formLogin input[type=text]:hover,.formLogin input[type=password]:hover,.formLogin input[type=text]:focus,.formLogin input[type=password]:focus{ border-color:#1675cd; background:#ecf9ff; }
.formLogin input[type=checkbox]{ vertical-align:top;  }

.loginbox_w{width:98%; margin:0 auto;}
.col_50{float:left; width:48%; padding:0 1%}
.col_50 .formLogin2{ position:relative; width:92%; padding:10px 2% 15px 5%; background:#f7f7f7; border:dotted 1px #ccc; 
			margin:0px auto 10px; border-radius:0 0 5px 5px;  }
.col_50 .formLogin2:after{ content:""; clear:both; display:block; }
.col_50 .formLogin2 li{ float:left; }
.col_50 .formLogin2 li:first-child{ width:66%; }
.col_50 .formLogin2 li:last-child{ width:100%; display:block}
.col_50 .formLogin2 li button{ float:left; width:90px; height:55px; font:normal 18px/55px Malgun Gothic; letter-spacing:-1px; background:#0c7fe1; color:#fff; border-color:#0c7fe1; margin:0; vertical-align:top; }
.col_50 .formLogin2 li button:hover{ background:#0d8cc1; border-color:#0d8cc1; }
.col_50 .formLogin2 li button.green{background:#42a530; color:#fff; }
.col_50 .formLogin2 li button.green:hover{background:#337f25; color:#fff; }
.col_50 .padding_left{ padding-left:32px; }
.col_50 .formLogin2 label{padding-bottom:4px;  font:bold 12px/20px Malgun Gothic; color:#666; }
.col_50 .formLogin2 label:hover{ color:#34ab0b; }
.col_50 .formLogin2 label b{ display:inline-block; width:17%;  vertical-align:middle; color:#0a74b8; }
.col_50 .formLogin2 label button.sm{ float:right; display:inline-block; width:140px; margin-right:15px;  height:26px; font:normal 12px/24px Malgun Gothic; background:#efefef; border:1px solid #ddd; border-radius:3px; color:#666 }
.col_50 .formLogin2 label button.sm:hover{ background:#e3f2fd; border:1px solid #bbb; color:#333 }
.col_50 .formLogin2 input[type=text],.formLogin2 input[type=password]{ width:72%; padding:1px 0 1px 3%; font:normal 16px/20px Malgun Gothic; margin:0 0 4px 0; vertical-align:top; }
.col_50 .formLogin2 input[type=text]:hover,.formLogin input[type=password]:hover,.formLogin input[type=text]:focus,.formLogin input[type=password]:focus{ border-color:#1675cd; background:#ecf9ff; }
.col_50 .formLogin2 input[type=checkbox]{ vertical-align:top;  }
.col_50 .btn_wrap{padding:5px 0 20px 0 ; min-height:30px}
.col_50 .btn_wrap button{ float:left; min-width:31%; height:30px; font:normal 13px/28px Malgun Gothic; letter-spacing:-1px; background:#555; color:#fff; 
										border-color:#1f1f4b; margin:1%; vertical-align:top; border-radius:4px}
.col_50 .btn_wrap button:hover{ background:#212121; color:#fff; }

/* 회원가입 유형 탭 */
.tab_join{ clear:both; position:relative;  width:99%; overflow:hidden; margin:20px 0 0 1%; }
.tab_join li{ display:inline-block; float:left; width:30%; margin:0 1%; font:normal 16px/18px Malgun Gothic; color:#222; padding:10px 0px; cursor:pointer; 
				border:solid 1px #d1d1d1;  text-align:center; letter-spacing:-1px; background:#fafafa; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; }
.tab_join li.one{ background:#f4fdff; border-color:#ccd8e4; }
.tab_join li.two{  background:#f4fdff; border-color:#ccd8e4; }
.tab_join li.three{  background:#f2f2f2; }

.tab_join li.line{width:0; height:70px; border:1px solid #ddd; overflow:hidden; }

.tab_join li:hover{ color:#fff; border:solid 1px #1678d3; border-width:1px; background:#1678d3;  }
.tab_join li.on{ color:#333; border-bottom:solid 2px #448dd1;  background:#f9f9f9; font:bold 18px/18px Malgun Gothic; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; margin:0 auto; }
.tab_join li.on:hover{ border:solid 1px #d1d1d1; border-bottom:solid 2px #448dd1; }
.tab_join li.on:hover span{ color:#333; }
.tab_join li span{ font:bold 18px/18px Malgun Gothic; padding-bottom:1px;display:block; color:#333;}
.tab_join li:hover span{ color:#fff; }
.tab_join_list{ position:relative; width:98%; padding:0px 1% 0px 1%; min-height:70px; }
.tab_join_list:after{ content:""; display:block; clear:both; } 
/*
.tab_join_list li{display:none;}
*/
.tab_join li:before{ display:block;  font:normal 50px 'icon2',Arial; vertical-align:middle; padding:0 0 10px 0; color:#448dd1; text-align:center; }
.tab_join li:hover:before{ color:#fff; }
.tab_join li.on:before{ color:#448dd1; }
.tab_join li.one:before{ content:"+"; }
.tab_join li.two:before{ content:","; }
.tab_join li.three:before{ content:"Z"; }
.tab_join li.line:before{ content:""; }

/* 아이디/비번 찾기 */
.id_pw_find{ position:relative; width:98%; margin:30px auto 20px; border:solid 1px #d7d7d7; padding:10px 0% 10px 1%; font:normal 12px/18px Malgun gothic; color:#333; background:url(/img/bg_pattern_21.png);
				border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; box-shadow:2px 2px 4px rgba(0,0,0,.07); }
.id_pw_find:after{ content:""; display:block; clear:both; } 
.id_pw_find li{ position:relative; border:solid 1px #d7d7d7; width:42.7%; float:left; padding:30px 3%; background:#fff; margin:0 1% 0 0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; }
.id_pw_find li:first-child{  margin:0px 0px 10px 0px; }
.id_pw_find li:after{ position:absolute; top:25px; right:22px;  content:"."; font:normal 120px 'icon2',Arial; color:#e4e8eb;  }
.id_pw_find li.pw_01:after{ content:"V";  }
.id_pw_find li h2{ font:bold 18px/24px Malgun gothic;  color:#3a3a3a; margin:0px 0px 10px 0px; }
.id_pw_find li h2 b{ color:#2074c9; }
.id_pw_find li p{ font:normal 12px/24px Malgun gothic; color:#888; margin:0px 0px 30px 0px; border-bottom:solid 1px #ddd; padding-bottom:15px;  }
.id_pw_find li p:before{ content:"%"; font:normal 16px "icon",Arial; color:#2074c9; padding-right:3px;  }
.id_pw_find li > div{ position:relative; width:100%; }
.id_pw_find li input[type=text]{ width:56%; border:solid 1px #999; min-height:30px; font:normal 14px/24px Malgun Gothic; margin:0px 10px 10px 7px; padding:0px 0px 0px 5px; vertical-align:middle; }
.id_pw_find li input[type=text]:hover,.id_pw_find li input[type=text]:focus{ border-color:#157ce4; background:#f7feff; }
.id_pw_find li button{ position:absolute; top:0; right:0;  width:22%; padding:21px 0; font:normal 18px/30px Malgun Gothic; background:#eaf7ff url(/img/gradation_top.png) repeat-x top; color:#2074c9; border-color:#a2b8c6; }
.id_pw_find li label{ display:block; font:normal 14px/24px Malgun Gothic; }
.id_pw_find li label b{ display:inline-block; width:70px; }

/* 고객센터 */
.boardWrap{ position:relative; width:100%; min-height:400px; padding:20px 0%; overflow:hidden; word-break:break-all;  }
.boardWrap:after{ content:""; clear:both; display:block; }

/*이메일무단수집거부*/
.email_con {  position:relative; width:100%; font:normal 13px/19px Malgun Gothic,Gulim; color:#888; text-align:center;  }
.email_con dt{  padding:220px 0px 30px 0px;  background:url(/img/email_bg.gif) no-repeat top center; }
.email_con dt strong{ color:#608cd1; }
.email_con dd{ padding:20px 0px 30px 0px; color:#608cd1; }

/* 폰트 색깔 */
.bluef{ color:#1c7cc6; }
hr.dottline{ border-top:dotted 1px #888; margin:20px auto;  }
/*
textarea.wide60{ width:60%; min-height:40px; border:solid 1px #b3b3b3; margin:0px 0px 5px 0px; padding:2px 0px 2px 5px; font:normal 12px/20px Dotum; color:#333;  }
textarea.wide50{ width:49%; min-height:70px; border:solid 1px #b3b3b3; background:#f9f9f9; margin:0px 0px 5px 0px; padding:2px 0px 2px 5px; font:normal 12px/20px Malgun Gothic; color:#666;  }
textarea.wide100{ width:97%; min-height:40px; border:solid 1px #b3b3b3; background:#f9f9f9; margin:0px 0px 5px 0px; padding:2px 0px 2px 0px; font:normal 12px/20px Malgun Gothic; color:#666;  }
textarea.wide100.fff{ width:95%; min-height:80px;  background:#fff; padding:2px 0px 2px 2%;  }
textarea.height100{ width:99%; min-height:600px;padding:0px 0px 0px 1%; border:solid 1px #eee; background:#f9f9f9; font:normal 11px/16px Dotum; color:#666; }
textarea.height50{ width:99%; min-height:40px;padding:0px 0px 0px 1%;  border:solid 0px #fff;  background:#fff; font:normal 11px/16px Dotum; color:#666; }
*/

.guideAgree{  position:relative; width:100%; margin:20px 0px 10px 0px; }
.guideAgree:after{ content:""; display:block; clear:both; } 
.guideAgree li{ float:left; width:50%; }
strong.title{ display:block; font:bold 14px/30px Malgun Gothic; }
label.check1{ display:block; font:bold 12px/18px Malgun Gothic; color:#596c82; vertical-align:middle; cursor:pointer; }
label.check1.in{ display:inline-block; }
label.check1:hover{ color:#166bcb; }

/* gnb 카테고리별 개별 서브페이지 */
.cate_info_wrap{ position:relative; width:100%; min-height:300px; padding:0px; overflow:hidden; word-break:break-all;  }
.cate_info_wrap:after{ content:""; clear:both; display:block; }

.info_wrap{ position:relative; width:98%; padding:10px 0.5%;  }
.info_wrap:after{ content:""; clear:both; display:block; }
.info_wrap h2{ display:inline-block; font:bold 16px/22px Malgun Gothic; letter-spacing:-1px; padding:30px 0px 5px 0px; color:#444; }
.info_wrap h2:before{ content:"="; font:normal 24px 'icon',Arial; color:#70baee; padding-right:5px; }
.info_wrap p{ font:normal 12px/18px Dotum; color:#666; padding:0px 0px 20px 2%; }
.info_wrap p.box{ font:normal 13px/20px Malgun Gothic; border:solid 1px #70baee; padding:10px 1%; background:#fafdff; margin:0 auto 20px; 
				border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; }
.info_wrap p.box b{ color:#0b62b3; }
.info_wrap p.box.woman1{ background:#fff url(/img/woman_01.png) no-repeat bottom right; padding:30px 3%; }
.info_wrap p.box.com1{ background:#fff url(/img/computer_01.jpg) no-repeat center right; padding:30px 3%; }
.info_wrap p.box.cart1{ background:#fff url(/img/cart_01.png) no-repeat top right; padding:30px 3%;}
.info_wrap p.sign{ font:400 12px/18px Malgun Gothic; color:#333; text-align:right; padding:20px 0 30px 0; }
.info_wrap p.center{ text-align:center; }
.info_wrap p.center img{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; }
.info_wrap p .blue{ color:#1a86d2; }
.info_wrap p .green{ color:#50ad1e; }

.widget_wrap{ position:relative; }
.exchange{ position:absolute; bottom:2px; right:-202px; }

.weather_wrap{ position:relative;  }
.weather_info{ padding:0; margin:0 0 0 -16px; } 

/* ##################### 5. 푸터  ####################*/
/*
footer{ clear:both; position:relative; width:100%; min-width:1000px; margin:0px auto;  min-height:140px; background:#fafafa; font:normal 12px/16px Malgun Gothic;  }

footer h2{ float:left;  display:inline-block; margin:0px 0 0 10px; }
footer h2 img{ max-width:80%; }
.footer_menu{ position:relative; width:100%; min-height:20px; padding:7px 0px 5px 0px; background:#fff; border-top:solid 1px #ddd; border-bottom:solid 1px #dbdbdb; }
.footer_menu:after{ content:""; display:block; clear:both; }
.f_banner{ float:left; font:bold 12px/12px Malgun Gothic; color:#384148; padding-top:7px; }
.f_banner > a{ display:inline-block; padding:0px 8px; color:#777; border-left:solid 1px #d8d8d8; }
.f_banner > a:first-child{ border-left:none; }
.f_banner > a:last-child{ color:#429217; }
.f_banner > a:hover{ color:#108d5a; }
.footer_menu span.btn{ float:right; font-size:0px;  }
.footer_menu span.btn a{ margin:0 2px; }
.footer_menu span.btn a.pcVer{ color:#777; }
.footer_menu span.btn a.mbVer{ position:absolute; bottom:-10px; left:0px; display:block; width:100%; padding:40px 0px; text-align:center; font:bold 70px/70px Malgun Gothic; color:#333; border:solid 1px #aaa; 
								background:#fff url(/img/btn_gradation2.png) repeat-x bottom; }
.footer_menu span.btn a.mbVer:before{ content:"O"; font:normal 80px 'icon',Arial; padding-right:20px; }

address{ margin:18px 0px 0px 190px; font:normal 11px/11px Malgun Gothic; color:#777; letter-spacing:-0.5;}
address span{ display:inline-block; padding:0px 5px; border-right:solid 1px #ccc; margin:4px 0px;  }
address span.none{  border-right:none; }
address a{ color:#707070; letter-spacing:0.5px }
address a:hover{ text-decoration:underline; color:#296aca; }
address span.none:after{ content:""; clear:both; display:block; }

small{  display:inline-block; font:normal 11px/18px Malgun Gothic; color:#7b7b7b; letter-spacing:0.5px; }
small a{ color:#2d2d2d; }
small a:hover{ color:#222; text-decoration:underline; }
small a b span{ color:#cf3030; }
small.webplaza{ display:none; margin-left:195px; font:normal 11px/18px Malgun Gothic;  width:80%;  color:#777; letter-spacing:0; background:none; padding:0;  cursor:pointer; }
small.webplaza b{ color:#333; display:inline-block; padding:0 3px 0 0px; }
small.webplaza b span{ color:#e22626; letter-spacing:1px; }
small.webplaza:hover b{ text-decoration:underline; }
*/


/*주문통계 15.06.12 추가*/

.search_form { border-bottom:1px solid #eee; }
.search_form strong{ font:bold 12px/18px malgun gothic;   }
.chartTable{ width:100%;  margin-top:40px; }
.chartTable th{ padding:10px 0px 7px 0px; background:#2173c7; color:#fff;  border:1px solid #4b8ed2;}
.chartTable td{ padding:10px 0px 7px 0px; text-align:center; border:1px solid #cecece;}
.chartTable td b{color:#3d3d3d;}

.search_form2{ position:relative; margin:0 auto; width:65%; padding:10px 0px; text-align:center; background:#fbfdff; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; border:1px solid #a5bbca; }
.search_form2 span.pay{ display:inline-block; padding:8px 8px; text-align:left; }
.search_form2 span.pay input[type=text]{ width:125px;}
.search_form2 span.pay select{ border:1px solid #bbb; }
.search_form2 span.pay2{ display:inline-block; padding:8px 8px; font:bold 13px/18px malgun gothic; color:#3e3e3e;  }
.search_form2 strong{ display:inline-block; font:bold 13px/18px malgun gothic; color:#3e3e3e;  }
.search_form2 #ratioTxt { display:inline-block; text-align:right; width:100px; height:22px;  }



/*tab_style*/
.tab_wrap {display:block; width:100%; margin-top:30px;}
.tab{width:100%; display:flex; position:relative; margin:0 0 16px;}
.tab li {flex:1; display:flex; justify-content:center; align-items:center;}
.tab li a{width:100%; font-size:14px; font-weight:400; line-height:1; color:#888; text-align:center; border:1px solid #ddd; padding:14px 8px; margin-left:-1px;}
.tab li:first-child a{border-radius: 6px 0 0 6px; margin-left:0;}
.tab li:last-child a{border-radius:0 6px 6px 0;}
.tab li.on{}
.tab li.on a{font-weight:500; color:var(--primaryColor-1000); background:#FEF9F4; border-color:#FBCB92; position:relative;}



/* 인증서 출력 */

button.certi{min-width:70px; height:28px; font:bold 11px/24px Dotum;  padding:3px 7px 5px 22px;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;
				border-color:#ddd; color:#333;  cursor:pointer; margin:1px 2px  }
button.certi:hover{border-color:blue;  color:blue  }
button.certi.cert{background:url(/img/icon_cert3.png) no-repeat 5px center;  }
button.certi.print3{background:url(/img/icon_print3.png) no-repeat 5px center;  }
button.certi.print2{background:#f3f9ff url(/img/icon_print2.png) no-repeat 5px center;  border-color:blue; }


/*견적요청사항-댓글  2015-08-25 */
h1.reply_title{ display:block; padding:5px 10px 10px 10px; font:bold 18px/22px Malgun gothic; color:#fff; background:#46a518; border-bottom:1px solid #c3fa64; }
.mentorReply{background:#fcfcfa; padding:5px; font:normal 13px/24px Malgun Gothic; color:#777 ; border:1px solid #ccc}
.mentorReply li{display:block;  position:relative; border-bottom:1px dotted #a9a9a9; padding:5px ; }
.mentorReply li span {display:block; font-size:11px; color:#888; padding:3px 0 1px 0 }
.mentorReply li span strong{display:inline-block; padding-right:8px; font-size:14px; font-weight:bold; color:#222}
.mentorReply li span strong ,metor{background:url(/Mentroring/img/ico_mentror.gif) no-repeat 1px 5px; }
.mentorReply li span b{ display:inline-block; float:right; color:#46a518; font-size:12px; }
.mentorReply li span b a{ display:inline-block; padding:0px 5px; font-weight:normal; color:#3c7fe2; }
.mentorReply li span b a:hover{ text-decoration:underline;  }
.mentorReply li span b a img{ padding:0px 5px; margin-bottom:2px; vertical-align:middle; }
.mentorReply li:last-child{border:none}
.mentorReply textarea{width:98%;height:60px; margin:13px 0px 8px 0px; background:#fff; border:1px solid #a9a9a9; }

.btnRight{ text-align:right; padding:10px 10px; }  



.popup{clear:both; position:absolute; z-index:99; left:80px}