@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
  font-family: 'TheJamsil';
  font-weight: 100;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.eot?#iefix') format('embedded-opentype'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.woff2') format('woff2'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.woff') format('woff'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.ttf') format("truetype");
  font-display: swap;
}
@font-face {
  font-family: 'TheJamsil';
  font-weight: 300;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.eot?#iefix') format('embedded-opentype'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.woff2') format('woff2'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.woff') format('woff'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.ttf') format("truetype");
  font-display: swap;
}
@font-face {
  font-family: 'TheJamsil';
  font-weight: 400;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.eot?#iefix') format('embedded-opentype'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.woff2') format('woff2'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.woff') format('woff'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.ttf') format("truetype");
  font-display: swap;
}
@font-face {
  font-family: 'TheJamsil';
  font-weight: 500;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.eot?#iefix') format('embedded-opentype'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.woff2') format('woff2'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.woff') format('woff'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.ttf') format("truetype");
  font-display: swap;
}
@font-face {
  font-family: 'TheJamsil';
  font-weight: 700;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.eot?#iefix') format('embedded-opentype'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.woff2') format('woff2'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.woff') format('woff'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.ttf') format("truetype");
  font-display: swap;
}
@font-face {
  font-family: 'TheJamsil';
  font-weight: 800;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.eot?#iefix') format('embedded-opentype'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.woff2') format('woff2'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.woff') format('woff'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.ttf') format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'SUITE-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
body{
    font-family: 'GmarketSans';
}

/* CSS Document */
a:hover{text-decoration:none;}
.site-width{width:1000px; margin:0 auto !important;}


.top{border-bottom:#E7E7E7 1px solid; padding:3px 0; height:26px;}

.smenu{margin-right:30px;}
.smenu a{display:inline-block; padding:2px 5px; margin-left:10px; font-size:11px;}



.contents{margin:25px 0; padding:40px 0;}

.quick-ico a{display:block; height:50px;}
.quick-ico a.glyphicons i:before {font-size:45px; color:#999; left:32% }
.quick-ico>a.glyphicons:hover>i:before{color:#F60;}
.quick-ico a{display:block; margin-bottom:5px; padding-top:55px; text-align:center}
.quick-ico a strong{
	font-size:16px;
    font-family: 'GmarketSans';
    font-weight:500;
	color:#333;
 
 }
.quick-btn{margin-top:90px;}
.quick-btn a{text-align:center; height:75px; line-height:100px;font-family: 'GmarketSans';}
 .quick-btn a i:before{color:#999; margin-left:40px; margin-top:10px; font-size:32px}
  .quick-btn a:hover i:before{color:#F60;}
 
.call{ float:left; width:100%;}
.call a{ display:block;} 
.call a i:before{color:#999; font-size:32px; margin-top:16px;}
 
 .call h1{font-size:19px; letter-spacing:0px; line-height:26px !important;font-family: 'TheJamsil';}
 .call h1 i:before{color:#999; font-size:32px; margin-top:16px;}
 .call h1 strong{font-size:20px; font-family: 'GmarketSans'}

.visual{
	background:url(../images/slider-img3.jpg) left top no-repeat;
width: 100%;
float: left;
background-size: 100%;
min-width: 1200px; min-height:380px;
}

.sub-visual{
	background:url(../images/slider-img3.jpg) left top no-repeat;
width: 100%;
float: left;
background-size: 100%;
min-width: 1200px; min-height:200px;
	
}

.site-map{background: #4d9cd0; float:left;
background: -moz-linear-gradient(top,  #4d9cd0 0%, #003378 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d9cd0), color-stop(100%,#003378));
background: -webkit-linear-gradient(top, #4d9cd0 0%,#003378 100%);
background: -o-linear-gradient(top, #4d9cd0 0%,#003378 100%);
background: -ms-linear-gradient(top, #4d9cd0 0%,#003378 100%);
background: linear-gradient(to bottom, #4d9cd0 0%,#003378 100%);
padding:25px 0; margin-bottom:10px; margin-top:15px;}



.site-map ul{list-style:none; margin:0px;}
.site-map ul li{ list-style:none; display:block;  margin:0px; padding:4px 4px}
.site-map ul li.grid-20{border-right:rgba(255,255,255,0.2) 1px solid; min-height:260px;}
.site-map ul li.grid-20:last-child{
    border-right:rgba(255,255,255,0.2) 0px solid;
}
.site-map a{color:rgba(255,255,255,0.7); display:block}
.site-map>div>ul>li>a{font-size:16px; margin-bottom:10px; text-indent:20px; color:rgba(255,255,255,1);}
.site-map>div>ul>li>div>ul>li>a{font-size:14px; text-indent:14px;}
.site-map>div>ul>li>div>ul>li>div>ul>li>a{ text-indent:22px;font-size:12px;}



.footer-menu a{ display:inline-block; float:left; padding:5px 0px;  margin-right:15px;}
.footer address{font-style:normal; font-size:13px; color:#666; line-height:18px; padding-bottom:10px;}

.logo-footer{ position:relative; top:25px;}


.latest-title{width:100%; border-bottom:#CCC inset 1px; height:34px;}
.latest-title h3{font-size:15px; 
background:url(../../skin/latest/basic/images/title-bg.gif) no-repeat; 
width:115px; 
height:25px; 
line-height:24px; 
text-indent:16px;
color:#FFF; float:left;
font-weight:normal;
}  
.latest-title a{float:right; display:block; margin-top:15px; color:#999; font-size:13px;}


.latest{width:95%;}
.latest ul{list-style:none; margin:0px; clear:both;}
.latest ul li{display:block; width:100%;}
.latest ul li a{color:#666;font-size:13px; position: relative; padding: 0.25rem 0rem; display: block }
.latest ul li a::before{
    content: "-"; position: relative
}
.latest ul li a:hover{
    color: rgba(22,89,193,1.00);
}
.latest ul li span{float:right; color:#999;font-size:13px;}


.page{margin:50px auto;}


.sort-btn a{display:inline-block}
.sort-btn a i:before{font-size:16px;border: #D9D9D9  1px solid; padding:3px; color:#D8D8D8}
.sort-btn a.selected i:before{color:#666;}














.well-shadow {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    border-right: 1px solid #d8d6d4 !important;
    border-bottom: 1px solid #d8d6d4;

    box-shadow: 1px 1px 1px rgba(88,88,88,0.3);
    -moz-box-shadow: 1px 1px 1px rgba(88,88,88,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(88,88,88,0.3);
}

.well-shadow:before {
    content: " ";
    overflow: hidden;
    height: 0;
}
.product-display {
float: right;
}

.product-display a {
display: inline-block;
font-size: 18px;
margin-left: 5px;
margin-top: 7px;
}

.selected:hover, .selected i:before {
color: #ee3124;
}


.product-list{margin-bottom: 20px; padding-bottom:20px;

position: relative;
border-right: 1px solid #d8d6d4;
border-bottom: 1px solid #d8d6d4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 1px #E7E5E3;
-webkit-box-shadow: 1px 1px 1px #E7E5E3;
box-shadow: 1px 1px 1px #E7E5E3;
}
.product-list h3{font-size:1.3em;}

.product-list p{}










/*제품 메뉴 */
.product-quick{padding-bottom:30px; float:left}
.product-quick ul{margin-left:5px; margin-top:20px;}
.product-quick ul , .product-quick ul li{ list-style:none;}
.product-quick ul li{margin:7px 0; position: relative; padding-left: 10px}
.product-quick ul li:before{color:#F60; margin-right:5px; position:absolute; content: "-"; left: 0px; top: 2px;}
.product-quick ul li a{color:#666; padding:5px 0; font-size:13px;font-weight:300;font-family: 'TheJamsil'; letter-spacing: 0px;}
.product-quick ul li a:hover{color:#F60;}
.product-quick .p-title{ font-weight:700; color:#333; font-size:17px; display:block; margin-bottom:10px;}

.product-quick .width-25{border-right:#E4E4E4 1px solid;}
.product-quick .width-25 img{max-width:64px;}
.product-quick .width-25:last-child{	
	border-right:#E4E4E4 0px solid;
}
.product-quick h3{

	font-weight:700; color:#000; 
	font-size:24px; letter-spacing:1px;
	
}
.product-quick .width-100{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
} 

/*제품상세보기*/


/*================== product-details ===================*/
.product-img {
	padding: 3px;
  	/*border: 1px solid #e0e0e0;*/
  	border-radius: 4px;
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	-o-border-radius: 4px;
  	background-color:#fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
}
.product-img:hover {
	
}
.product-img img{max-width:100%;}
.product-img-thumb img {
	margin:8px 3px 0 3px;
	padding: 2px;
  	
  	background-color:#fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.product-img-thumb img:hover {
/*	border: 1px solid #aaa;*/
}







.nav{margin-left:0;margin-bottom:20px;list-style:none;}
.nav>li>a{display:block;}
.nav>li>a:hover{text-decoration:none;background-color:#eeeeee;}
.nav>li>a>img{max-width:none;}
.nav>.pull-right{float:right;}
.nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:20px;color:#999999;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);text-transform:uppercase;}
.nav li+.nav-header{margin-top:9px;}
.nav-list{padding-left:15px;padding-right:15px;margin-bottom:0;}
.nav-list>li>a,.nav-list .nav-header{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.nav-list>li>a{padding:3px 15px;}
.nav-list>.active>a,.nav-list>.active>a:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#0088cc;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{margin-right:2px;}
.nav-list .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
.nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";line-height:0;}
.nav-tabs:after,.nav-pills:after{clear:both;}
.nav-tabs>li,.nav-pills>li{float:left;}
.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;}
.nav-tabs{border-bottom:1px solid #ddd;}
.nav-tabs>li{margin-bottom:-1px;}
.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #dddddd;}
.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.nav-pills>.active>a,.nav-pills>.active>a:hover{color:#ffffff;background-color:#0088cc;}
.nav-stacked>li{float:none;}
.nav-stacked>li>a{margin-right:0;}
.nav-tabs.nav-stacked{border-bottom:0;}
.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;}
.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
.nav-tabs.nav-stacked>li>a:hover{border-color:#ddd;z-index:2;}
.nav-pills.nav-stacked>li>a{margin-bottom:3px;}
.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;}
.nav-tabs .dropdown-menu{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
.nav-pills .dropdown-menu{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.nav .dropdown-toggle .caret{border-top-color:#0088cc;border-bottom-color:#0088cc;margin-top:6px;}
.nav .dropdown-toggle:hover .caret{border-top-color:#005580;border-bottom-color:#005580;}
.nav-tabs .dropdown-toggle .caret{margin-top:8px;}
.nav .active .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff;}
.nav-tabs .active .dropdown-toggle .caret{border-top-color:#555555;border-bottom-color:#555555;}
.nav>.dropdown.active>a:hover{cursor:pointer;}
.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover{color:#ffffff;background-color:#999999;border-color:#999999;}
.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:1;filter:alpha(opacity=100);}
.tabs-stacked .open>a:hover{border-color:#999999;}
.tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";line-height:0;}
.tabbable:after{clear:both;}
.tab-content{overflow:auto;}
.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0;}
.tab-content>.tab-pane{padding:15px 0;}
.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
.tab-content>.active,.pill-content>.active{display:block;}
.tabs-below>.nav-tabs{border-top:1px solid #ddd;}
.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0;}
.tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below>.nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd;}
.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover{border-color:transparent #ddd #ddd #ddd; font-family: 'GmarketSans'; font-weight:800}
.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none;}
.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}
.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;}
.tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.tabs-left>.nav-tabs>li>a:hover{border-color:#eeeeee #dddddd #eeeeee #eeeeee;}
.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;}
.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;}
.tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.tabs-right>.nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #eeeeee #dddddd;}
.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;}










/*# 11- over ride nav-tabs styling
============================================================================*/
.nav-tabs > li:first-child {
  margin-left:8px;
}
.nav-tabs {
  border-bottom: 1px solid #c4c4c4;
}
.nav-tabs > li > a {
  color:#444;
  border: 1px solid #d2d2d2;
  background: #e9e9e9;
  background: -moz-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#e2e2e2));
  background: -webkit-linear-gradient(top, #e9e9e9 0%,#e2e2e2 100%);
  background: -o-linear-gradient(top, #e9e9e9 0%,#e2e2e2 100%);
  background: -ms-linear-gradient(top, #e9e9e9 0%,#e2e2e2 100%);
  background: linear-gradient(to bottom, #e9e9e9 0%,#e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e2e2e2',GradientType=0 );
  font-family: 'GmarketSans';
}
.nav-tabs > li > a:hover {
  border-color: #d2d2d2 #d2d2d2 #d2d2d2;
  background: #e0e0e0;
}
.nav-tabs > li > a:active {
  border-color: #ddd #ddd #ddd;
  background: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 3px rgba(0,0,0, .05);
  -moz-box-shadow: inset 0 3px 3px rgba(0,0,0, .05);
  box-shadow: inset 0 3px 3px rgba(0,0,0, .05);
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  background: #fff;
  filter: #fff;
}

/* opened dropdown in nav-tabs */
.nav-tabs .open > a {
  background:#555;
  background-color:#555;
  filter: #555;
}

/*========================= product-tab ==================*/
.product-tab {
	clear:both;
	margin-top:48px;
}
	/* read-review */
	.product-tab #read-review .single-review {
		padding-bottom:14px;
		margin-bottom:14px;
		background:url('../img/dottedBorder.png') repeat-x left bottom;
	}
	.product-tab #read-review .single-review:last-child {
		padding-bottom:none;
		margin-bottom:none;
		background-image:none;
	}
	.product-tab #read-review .single-review .review-header {
		margin-bottom:8px;
	}
	/* rating */
	.product-tab #read-review .single-review .rating {
		float:right;
		list-style: none;
		margin:0;
		padding:0;
	}
	.product-tab #read-review .single-review .rating li {
		margin:0;
		padding:0;
		float: left;
	}
	.product-tab #read-review .single-review .rating i.star-on {
		width:17px;
		height:17px;
		display: block;
		background:url('../img/star-on.png') no-repeat left top;
	}
	.product-tab #read-review .single-review .rating i.star-off {
		width:17px;
		height:17px;
		display: block;
		background:url('../img/star-off.png') no-repeat left top;
	}




.product-grid{
	border-top: 1px solid  #F3F3F3;
	border-left: 1px solid  #F3F3F3;
	
	border-right: 1px solid #d8d6d4;
border-bottom: 1px solid #d8d6d4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 1px #E7E5E3;
-webkit-box-shadow: 1px 1px 1px #E7E5E3;
box-shadow: 1px 1px 1px #E7E5E3; padding:15px 10px;
min-height:310px;}

.product-grid h3{font-size:18px; line-height:22px; min-height:40px;}
.product-grid p{ font-size:13px; min-height:54px;}



.product-json{padding:15px 10px; border:#CCC 3px solid; float:left; margin-bottom:25px;}
.product-json h3{font-size:18px;}
.product-json p{ font-size:13px;}


.pages h1{font-size:22px; color:#09C;font-family: 'GmarketSans'; line-height:26px; float:left;}
.pages div p{line-height:18px; padding:5px 0; font-size:13px;
font-family: 'GmarketSans'; color:#666}
.pages div p strong{color:#36C;}

.pages table{margin-bottom:25px;}
.pages table th, .pages table td{padding:5px; vertical-align:top !important}
.pages table th{ 
	padding-left:0px;
	text-align:left;
	font-size:15px;
	font-family: 'GmarketSans';
	width:60px;
}


.pages table td{font-size:13px;
font-family: 'GmarketSans'; color:#666}
.p-1020 h2{font-size:50px; color:#999 !important; margin-bottom:30px;}


.p-1030{
	position:relative;
 height:500px;
 margin-top:25px; background:url(../../pages/img/1030-2.jpg) center bottom no-repeat;
 }
 
 
 
.p-1030 h2{position:absolute;
    border-top: #EAEAEA 1px solid;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.3);
box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.3);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; padding:10px 30px;line-height:24px; 
}
.p-1030 h2 span{font-size:18px; color:#FFF; }
.p-1030 h2.pc1{
	left:30%;
background: #72c6e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #72c6e5 0%, #0693cc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72c6e5), color-stop(100%,#0693cc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #72c6e5 0%,#0693cc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #72c6e5 0%,#0693cc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #72c6e5 0%,#0693cc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #72c6e5 0%,#0693cc 100%); /* W3C */}
.p-1030 h2.pc2{
	left:1%; 
	top:120px;
    background: #9cad2e; /* Old browsers */
    background: -moz-linear-gradient(top,  #9cad2e 0%, #70823b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cad2e), color-stop(100%,#70823b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9cad2e 0%,#70823b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9cad2e 0%,#70823b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9cad2e 0%,#70823b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9cad2e 0%,#70823b 100%); /* W3C */

}
.p-1030 h2.pc3{
	right:1%;
	top:120px;
	background: #f99b2f; /* Old browsers */
    background: -moz-linear-gradient(top,  #f99b2f 0%, #b56300 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f99b2f), color-stop(100%,#b56300)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f99b2f 0%,#b56300 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f99b2f 0%,#b56300 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f99b2f 0%,#b56300 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f99b2f 0%,#b56300 100%); /* W3C */}
.p-1030 h2.pc4{
	left:30%;
	top:240px;
	background: #8e528c; /* Old browsers */
    background: -moz-linear-gradient(top,  #8e528c 0%, #72156b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e528c), color-stop(100%,#72156b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8e528c 0%,#72156b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8e528c 0%,#72156b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8e528c 0%,#72156b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8e528c 0%,#72156b 100%); /* W3C */}
	
	
	
.product-img{max-width:410px;}	
.thumb-small a{padding:2px; float:left;
border: 1px solid #e0e0e0;
border-radius: 4px;
-webkit-border-radius: 4px; margin:0 1px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
background-color: #fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}	
.thumb-small a:hover{border: 1px solid #C30;}

#window{
	padding:3px;
border: 1px solid #e0e0e0;
border-radius: 4px;
-webkit-border-radius: 4px; margin:0 1px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
background-color: #fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;	
	
}

.mb-30{
	margin-bottom:30px;
}

.mt-m-15{
	margin-top:-29px;
}

.page-title{
	font-weight:normal;
	border-bottom:1px solid #e4e4e4;
	padding-bottom:8px;
	font-size:28px;
}