@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Slabo+27px|Ubuntu:400,500,700');
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
font-family: 'NotoKrL';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('NotoSans-Light'), url(/fonts/NotoSans-Light.eot);
src: url(/fonts/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans-Light.woff2) format('woff2'),
url(/fonts/NotoSans-Light.woff) format('woff');;
}
@font-face {
font-family: 'NotoKrR';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/fonts/NotoSans-Regular.eot);
src: url(/fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans-Regular.woff2) format('woff2'),
url(/fonts/NotoSans-Regular.woff) format('woff');
}
@font-face {
font-family: 'NotoKrM';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(/fonts/NotoSans-Medium.eot);
src: url(/fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans-Medium.woff2) format('woff2'),
url(/fonts/NotoSans-Medium.woff) format('woff');
}
@font-face {
font-family: 'NotoKrB';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/fonts/NotoSans-Bold.eot);
src: url(/fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans-Bold.woff2) format('woff2'),
url(/fonts/NotoSans-Bold.woff) format('woff');
}

.container{width:980px;margin:0 auto}
.only-mobile{display:none}
.only-pc{display:block}

/* typhography */
p{clear:both;margin-bottom:20px;line-height:1.6;font-size:15px;}

.headline{font-size:25px;font-family:'NotoKrB',sans-serif;font-weight:700;display:block;margin-bottom:20px;}
.lead{font-size:20px;font-family:'NotoKrM',sans-serif;font-weight:500;margin-bottom:20px;display:block;color:#555;}

.engR{font-family:'Roboto Condensed',sans-serif;font-weight:400;}
.engM{font-family:'Roboto Condensed',sans-serif;font-weight:500;}
.engB{font-family:'Roboto Condensed',sans-serif;font-weight:700;}

.img-responsive{width:100%;}

h1{font-weight:100;margin-bottom:20px;display:block;font-size:33px;}
h2{font-weight:100;margin-bottom:20px;display:block;font-size:23px;}

.text-small{font-size:12px;color:#555;}

/* btn */
.actions{clear:both;margin:20px 0;text-align:center}
.button,
.button:visited{display:inline;padding:15px 22px;font-size:14px;background-color:#000;color:#fff!important;text-align:center;cursor:pointer}
.button:hover{text-decoration:none;transition: all,.4s ease-in-out}
.button > i{display:inline-block;padding:0 3px;}

.button.button-inverse{border:1px solid #000;background:#fff;color:#000!important}
.button.button-inverse:hover{background:#000;color:#fff!important;}

.button.button-primary{background-color:#fde749;border-color:#fde749;color:#333}
.button.button-light{background-color:rgba(255,255,255,1);border-color:rgba(255,255,255,1);color:#333}




.button.button-primary {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #290e1a), color-stop(1, #bd2e2a));
	background:-moz-linear-gradient(top, #290e1a 5%, #bd2e2a 100%);
	background:-webkit-linear-gradient(top, #290e1a 5%, #bd2e2a 100%);
	background:-o-linear-gradient(top, #290e1a 5%, #bd2e2a 100%);
	background:-ms-linear-gradient(top, #290e1a 5%, #bd2e2a 100%);
	background:linear-gradient(to bottom, #290e1a 5%, #bd2e2a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#290e1a', endColorstr='#bd2e2a',GradientType=0);
	background-color:#290e1a;
	border:1px solid #090a09;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
}
.button.button-primary:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bd2e2a), color-stop(1, #290e1a));
	background:-moz-linear-gradient(top, #bd2e2a 5%, #290e1a 100%);
	background:-webkit-linear-gradient(top, #bd2e2a 5%, #290e1a 100%);
	background:-o-linear-gradient(top, #bd2e2a 5%, #290e1a 100%);
	background:-ms-linear-gradient(top, #bd2e2a 5%, #290e1a 100%);
	background:linear-gradient(to bottom, #bd2e2a 5%, #290e1a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd2e2a', endColorstr='#290e1a',GradientType=0);
	background-color:#bd2e2a;
}
.button.button-primary:active {
	position:relative;
	top:1px;
}

.button.button-extended{display:block;width:100%;}

.button.button-large{padding:15px 0px;font-size:18px;font-weight:700;}
.button.button-small{padding:5px;font-size:12px;}
.button.button-mini{padding:3px 5px;font-size:11px;}

.button.button-theme{background-color:#620202 ;border:1px solid #620202}

.button.button-wide{padding:10px 50px}
.button.button-small.button-wide{padding:5px 50px}

.link{text-decoration:underline!important;color:#620202 !important;}

.mask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0;transition: all,.4s ease-in-out;background:rgba(0,0,0,.5);visibility:hidden}
.mask.active{z-index:9990;visibility:visible;opacity:1}


/* form */
.form-row{clear:both;margin-bottom:20px;}
.form-input{padding:10px;border:1px solid #ddd;font-size:13px;width:100%;display:block;}
.form-input-half{width:50%;}

.form-group{margin-bottom:10px;}
.form-group .form-input{float:left;width:80%;}
.form-group .form-control{float:left;width:20%;padding:10px;}

.label{display:block;clear:both;margin-bottom:5px;font-weight:700;}

/* dl dt dd */
dl{display:block;clear:both;margin-top:15px}
dt{display:block;font-weight:700;font-family:'NotoKrB',sans-serif;font-size:12px;color:#000}
dd{display:block;clear:both;margin-top:5px;line-height:1.5}

/* list */
.list-block > li{line-height:1.5}
.list-inline > li{display:inline-block;margin-right:5px;}

/* list */
.column-2,
.column-3,
.column-4,
.column-5,
.column-8{
    margin-left:-20px;
}
.column-2 > li > img,
.column-3 > li > img,
.column-4 > li > img,
.column-5 > li > img,
.column-8 > li > img{
    width:100%;
}
.column-2 > li{
    float:left;
    width:50%;
    padding-left:20px;
    padding-bottom:20px;
    display:block;
}
.column-3 > li{
    float:left;
    width:33.33333333333333%;
    padding-left:20px;
    padding-bottom:20px;
    display:block;
}
.column-4 > li{
    float:left;
    width:25%;
    padding-left:20px;
    padding-bottom:20px;
    display:block;
}
.column-5 > li{
    float:left;
    width:20%;
    padding-left:20px;
    padding-bottom:20px;
    display:block;
}
.column-8 > li{
    float:left;
    width:12.5!important%;
    padding-left:20px;
    padding-bottom:20px;
    display:block;
}
.column-5 > li:nth-child(5n+1){
	float:none;
	clear:both;
	float:left;
}

/* align */
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}

/* item */
.item{padding-bottom:20px;}
.item .item-head > a > img{width:100%;}
.item .item-body{clear:both;padding-top:10px;text-align:center;}
.item .item-body span{display:block;clear:both;}
.item .item-body .item-title{font-size:13px;}
.item .item-body .item-price{font-size:13px;font-weight:700;padding-top:5px;color:#620202 }

.item.item-oneline .item-title{display:block;float:left;color:#444;width: 70%;}
.item.item-oneline .item-num{display:block;float:left;font-family:'Roboto Condensed',sans-serif;font-weight:400;color:#bc082d;font-size:10px;padding:0 20px;line-height:14px;}
.item.item-oneline .item-date{display:block;float:right;color:#999;font-family:'Roboto Condensed',sans-serif;font-weight:400;}

.item.item-oneline.item-block{display:block;padding:10px;overflow:hidden;border-bottom:1px solid #ddd;}
.item.item-oneline.item-block .item-title{font-weight:700;}
li:first-child > .item.item-oneline.item-block{border-top:1px solid #000}

.item.item-gallery{}
.item.item-gallery .item-head{}
.item.item-gallery .item-head img{width:100%;}
.item.item-gallery .item-body{clear:both;padding-top:10px;text-align:center;}

.item.item-webzine{padding:10px 0 10px 0;border-bottom:1px solid #efefef;}
.item.item-webzine > .item-head{display:table-cell;width:1px;line-height:1;font-size:0;}
.item.item-webzine > .item-head > a > img{width:80px}
.item.item-webzine > .item-head .item-head-title{font-size:11px;display:block;clear:both;text-align:center;margin-top:4px;}
.item.item-webzine > .item-body{display:table-cell;width:1000px;vertical-align:middle;padding:5px;padding-left:20px;position:relative;text-align:left}
.item.item-webzine > .item-body .item-name{color:#620202 ;display:block;clear:both;margin-bottom:4px}
.item.item-webzine > .item-body .item-title{font-size:14px;font-weight:700;font-family:'NotoKrR',sans-serif;display:block;clear:both}
.item.item-webzine > .item-body .item-summary{margin-top:5px;font-size:12px;color:#444;line-height:1.5;display:block;margin-bottom:0;}
.item.item-webzine > .item-body .item-summary > a{font-size:12px;color:#888;line-height:1.5;display:block;}
.item.item-webzine > .item-body .item-summary > a:hover{text-decoration:none;color:#999;}
.item.item-webzine .item-info{position:relative;bottom:0px;font-size:11px;margin-top:5px;color:#999;margin-bottom:0;}
.item.item-webzine .item-date{margin-top:5px;font-size:12px;color:#999}
.item.item-webzine:hover .item-head > .item-title a{}
/* table */
.table{
    width:100%;
    border-collapse:collapse;
    border-top:1px solid #000;
}
.table thead th{
    border-bottom:1px solid #ddd;
    padding:13px;
    text-align:center;
    padding:8px 0;
    background:#fff;
    
}
.table tbody td{
    border-bottom:1px solid #ddd;
    padding:13px;
    text-align:center;
    font-weight:normal;
    padding:10px 3px;
    vertical-align:middle;
}
.table tbody td a{
	font-weight:normal;
}
.table tbody tr:hover a{
    color:#173770;
}
.table .text-left{
	text-align:left;
}
.table .td_name{
	text-align:center!important;
}

/* panel */
.panel{background:none;padding:0px;margin-bottom:20px;}
.panel .panel-head{padding-bottom:0px;border-bottom:1px solid #173770}
.panel .panel-head > .panel-title{float:left;font-size:13px;margin-bottom:0;background-color:#173770;color:#fff;display:inline-block;padding:5px 20px;position:relative;}
.panel .panel-head > .panel-title:after {position: absolute;right:-15px;top:0;content:"";display:block;width:0;height:0;border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:27px solid #133374;}
.panel .panel-head > .panel-control{float:right;font-size:11px;position:relative;top:6px;}
.panel .panel-body{clear:both;font-family:'NotoKrR',sans-serif;font-size:12px;padding-top:10px;}
.panel .panel-body a{font-family:'NotoKrR',sans-serif;}
.panel .panel-body a:hover{color:rgba(0,0,0,.5);}

.panel.panel-gray{background:#f3f3f3;}

/* path */
.path li{display:inline-block;}
.path li > a{font-size:11px;color:rgba(255,255,255,.8);font-family:'Roboto Condensed',sans-serif;font-weight:400;}
.path li > .path-arrow{font-size:11px;color:rgba(255,255,255,.6);font-family:'Roboto Condensed',sans-serif;font-weight:400;display:inline-block;padding:0 5px;}
.path li.active > a{color:rgba(255,255,255,1)}

/* grid */
.grid{
    margin-left:-10px;
    padding-bottom:10px;
}
.grid > .grid-1,
.grid >  .grid-2,
.grid >  .grid-3,
.grid >  .grid-4,
.grid >  .grid-5,
.grid  > .grid-6,
.grid  > .grid-7,
.grid  > .grid-8,
.grid  > .grid-9,
.grid  > .grid-10,
.grid  > .grid-11,
.grid  > .grid-12{
    float:left;
    padding-left:10px;
}
.grid .grid-1{
    width:8.333333333333333333%;
}
.grid .grid-2{
    width:16.66666667%;
}
.grid .grid-3{
    width:25%;
}
.grid .grid-4{
    width:33.33333333%;
}
.grid .grid-5{
    width: 41.66666667%;
}
.grid .grid-6{
    width:50%;
}
.grid .grid-7{
    width: 58.33333333%;
}
.grid .grid-8{
    width: 66.66666667%;
}
.grid .grid-9{
    width: 75%;
}
.grid .grid-10{
    width: 83.33333333%;
}
.grid .grid-11{
    width: 91.66666667%;
}
.grid .grid-12{
    width:100%;
}

.grid.grid-large{
    margin-left:-50px;
    padding-bottom:50px;
}
.grid.grid-large  > .grid-1,
.grid.grid-large  > .grid-2,
.grid.grid-large  > .grid-3,
.grid.grid-large  > .grid-4,
.grid.grid-large  > .grid-5,
.grid.grid-large  > .grid-6,
.grid.grid-large  > .grid-7,
.grid.grid-large  > .grid-8,
.grid.grid-large  > .grid-9,
.grid.grid-large  > .grid-10,
.grid.grid-large  > .grid-11,
.grid.grid-large  > .grid-12{
    padding-left:50px;
}

.icon-box{text-align:center;}
.icon-box .icon-box-head i{font-size:40px;}
.icon-box .icon-box-body{clear:both;padding-top:30px;}

/* shop item */
.product-item{
    text-align:center;
    border:1px solid rgba(0,0,0,0);
}
.product-item > .item-head{
    position:relative;
}
.product-item .item-count{
    display:block;
    background:#555;
    text-align:center;
    color:#fff;
    width:40px;
    height:40px;
    line-height:40px;
    position:absolute;
    right:0;top:0;
}
ol.column-5 li:nth-child(1) .product-item .item-count,
ol.column-5 li:nth-child(2) .product-item .item-count,
ol.column-5 li:nth-child(3) .product-item .item-count{
    background-color:#fadb3c;
}
.product-item > .item-head > a > img{
    width:100%;
    transition: all,.4s ease-in-out;
}
.product-item > .item-body{
    clear:both;
    padding:20px 0 0 0;
}
.product-item .item-title{
    font-weight:600;
}
.product-item .item-summary,
.product-item .item-price{
    font-size:15px;
    line-height:1.5;
    color:rgba(0,0,0,.8);
    margin-top:10px;
}
.product-item .item-foot{
    clear:both;
    text-align:right;
    padding-top:10px;
}

.product-item .ori-price,
.product-item .sale-price{
    clear:both;
    display:block;
}
.product-item .ori-price{
    text-decoration:line-through;
    color:#999;
}
.product-item .sale-price{
    
}

.product-item:hover{
}
.product-item:hover img{
    
}

.product-item.hover-action{position:relative;}
.product-item.hover-action .item-head{line-height:1;}
.product-item.hover-action .item-body{position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);padding:100px;opacity:0;visibility:hidden;z-index:-1;vertical-align:middle;color:#fff;transition: all,.3s ease-in-out;}
.product-item.hover-action:hover .item-body{opacity:1;z-index:10;visibility:visible}


.tabmenu > ul{text-align:center;}
.tabmenu > ul > li{display:inline-block;margin:0 10px;font-family: 'Ubuntu', sans-serif;font-weight:400}
.tabmenu > ul > li > a{display:inline-block;padding:10px 20px;border-radius:20px;font-size:14px;}
.tabmenu > ul > li.active > a{background-color:#620202 ;color:#fff;}


.sct_20 .sct_sns { display:none; }
#sct_lst {
    top:1px;
    display:none;
}
.sct_10 .sct_li {
    width:50% !important;
}
.sct_10 .sct_sns {
    display:none;
}
.sct_10 .sct_txt {
    height: 78px; 
}