@font-face {
  font-family: 'NanumSquare';
  font-weight: 400;
  src: url(./font/NanumSquareR.eot);
  src: url(./font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(./font/NanumSquareR.woff) format('woff'),
      url(./font/NanumSquareR.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumSquare';
  font-weight: 700;
  src: url(./font/NanumSquareB.eot);
  src: url(./font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(./font/NanumSquareB.woff) format('woff'),
      url(./font/NanumSquareB.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumSquare';
  font-weight: 800;
  src: url(./font/NanumSquareEB.eot);
  src: url(./font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(./font/NanumSquareEB.woff) format('woff'),
      url(./font/NanumSquareEB.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumSquare';
  font-weight: 300;
  src: url(./font/NanumSquareL.eot);
  src: url(./font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(./font/NanumSquareL.woff) format('woff'),
      url(./font/NanumSquareL.ttf) format('truetype');
}
table{table-layout:fixed;}
/* =======================================================
*
* 	Template Style 
*
* ======================================================= */
input[type="password"]{font-family:'dotum','돋움' !important;}

li,a,p,td,th,address,input{list-style:none;}
label,.hasLink{cursor:pointer;}
img{max-width:100%;height:auto;}
.left{text-align: left;}
.right{text-align:right;}
.center{text-align:center;}
.hide
.w1{width:10%;display:inline-block;box-sizing: border-box;}
.w2{width:20%;display:inline-block;box-sizing: border-box;}
.w3{width:30%;display:inline-block;box-sizing: border-box;}
.w4{width:40%;display:inline-block;box-sizing: border-box;}
.w5{width:50%;display:inline-block;box-sizing: border-box;}
.w6{width:60%;display:inline-block;box-sizing: border-box;}
.w7{width:70%;display:inline-block;box-sizing: border-box;}
.w8{width:80%;display:inline-block;box-sizing: border-box;}
.w9{width:90%;display:inline-block;box-sizing: border-box;}
.w10{width:100%;display:inline-block;box-sizing: border-box;}
html{-ms-overflow-style:scrollbar;overflow-y:scroll;}
body {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #828282;
  background: #fff;
  height:100%;
  font-family:"NanumSquare";font-weight:300;
}

body.intro-body{
  padding:0px;
  margin:0px;
  display:table;
  background:url('../images/intro/introbg.jpg') no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
  width:50%;
  text-align:center;
}

#page {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.offcanvas #page {
  overflow: hidden;
  position: absolute;
}
.offcanvas #page:after {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.7);
  content: "";
}

a {
  color: #666666;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
  color: #0065b7;
  outline: none;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, figure {
  color: #000;
  font-weight: 400;
  margin: 0 0 20px 0;
}

h2 > span.navi{
  font-weight:100;
  vertical-align: bottom;
  float:right;
  margin:29px 5px 0px 0px;

  font-size:14px;
  font-weight:bold;transform:skew(-0.001deg);
}

h2 > span.navi > img{
  vertical-align: top;
  margin: 3px 7px 0px 0px;
  font-weight:bold;transform:skew(-0.001deg);
}

h5.table-caption{
  margin:22px 0px 7px 7px;
}

h5.latestlist{
position:absolute;
font-size:14px;
font-size:12px;
font-weight:bold;transform:skew(-0.001deg);
margin-top:15px;
margin-bottom:10px;
}


span.chk-label,
span.rdo-label{
  display: inline-block;
  margin-right:20px;
  margin-left:5px;
  line-height:normal;
  vertical-align: middle;
  cursor: pointer;
}

::-webkit-selection {
  color: #fff;
  background: #d1c286;
}

::-moz-selection {
  color: #fff;
  background: #d1c286;
}

::selection {
  color: #fff;
  background: #d1c286;
}

div.logon-wrapper{
  text-align:center;
  margin-bottom:240px;
}

div #logonSplit{
	float:right;
  vertical-align: top;
  margin:20px 0px 0px 0px;
  width:1px;
  display:inline-block;
  background-color:#e2e2e2;
  height:185px;
}

div.date-range-picker{
  display: inline-block;
}

div.date-range-picker button {
  background-color:#ffffff;
  border:1px solid #cfcdce;
  margin:0px 6px 0px 0px;
  padding:0px;
  height:24px;
}

div.date-range-picker button.active{
  background-color:#858585;
  color:#FFFFFF;
}

div.date-range-picker > .input-wrapper{
  display: inline-block;
  border: 1px solid #cfcdce;
  box-sizing: border-box;
  padding:1px 8px 1px 8px;
  margin:2px 0px 2px 0px;
  background-color:#FFFFFF;
  vertical-align:-1px;
}

div.date-range-picker > .button-wrapper{
  display:inline-block;
  padding:0px;
  margin:2px 0px 2px 0px;
}
div.date-range-picker > .input-wrapper li{
  display: inline-block;
  width:60px;
  position: relative;
  left:0px;
}
div.date-range-picker > .input-wrapper input{
  border:0px;
  width: 80px;
  font-size:14px;
}

span.next{
  background-image:url("/asset/images/common/next.gif");
  width:6px;
  height:9px;
  display:inline-block;
  vertical-align: middle;
}

.logon-logo-layer{
  margin:30px 0px 40px 10px;
}

#logonTopImage{
  padding:3px 0px 0px 0px;
  background-color:#0065b7;
  margin-bottom:60px;
}

div #joinLink{
	float:right;padding:0 0 0 15px;
  text-align:center;
  box-sizing: border-box;
  color:#3b3b3b;
}
div #joinLink:after{
  position:absolute;right:0;content:"";top:0;
  margin:20px 0px 0px 0px;
  width:1px;
  display:block;
  background-color:#e2e2e2;
  height:185px;
}
#joinLink > span{
  font-size:10pt;
  line-height:186%;
  font-weight:500;
  display:inline-block;
  text-align:left;
  width:84%;
}

#joinLink > span > img{
  display:block;
  margin: 0px 0px 30px 0px;
}

#joinLink > span > span{
  display:inline-block;
  text-align:right;
  margin:50px 0px 0px 0px;
  width:100%;
}

#logonForm{
	float:right;padding:0 15px 0 0;
  vertical-align: top;
  box-sizing: border-box;
  text-align:center;
  font-size:10pt;
}

#logonForm > span{
  text-align:left;
  display:inline-block;
  width:78%;
}

#logonForm > span > label:nth-of-type(1){
  color:#000000;
  font-size:24px;
}

#logonForm > span > label:nth-of-type(2){
  display:block;
  color:#393939;
  margin:20px 0px 0px 0px;
}
#logonForm > span > label > span{
  display: inline-block;
  margin:10px 0px 0px 0px;
}
#logonForm > span > label > button{
  float:right;
  vertical-align: middle;
}

#logonForm > span > input{
  margin:6px 0px 6px 0px;
}

#logonForm > span > input[type="text"], 
#logonForm > span > input[type="password"]{
  width:100%;
  box-sizing: border-box;
  border-color:#d2d6dd;
  height:35px;
  padding:0px 0px 0px 10px;
  border-width:1px;
  border-style:solid;
  font-family:'dotum','돋움';
}

#logonForm > span > input[type="checkbox"]{
  border-width:1px;
  border-style:solid;
  width:13px;
  height:13px;
  margin:0px 10px 0px 0px;
}

#logonForm > span > span{
  color:#99a0ac;
  cursor:pointer;
  margin:0px 17px 0px 0px;
}
#logonForm em{
  font-weight:normal;font-style:normal;color:#ccc;
}
#policyWrapper{
  color:#1f1f1f;
  text-align: center;
}

#policyWrapper > section { 
  display:inline-block;
  box-sizing: border-box;
  width:58%;
  text-align: left;
}

#policyWrapper > section > span{ 
  font-size:24px;
  font-weight:700;transform:skew(-0.001deg);
  padding:0px 0px 18px 20px;
  display:block;
}

#policyWrapper > section > div.area-agree{
  margin-bottom:50px;
  background-color:#fafaf9;
  border-style:solid;
  border-width: 3px 1px 1px 1px;
  border-color: #0064bc #d8d7d7 #d8d7d7 #d8d7d7;
  padding:0px 60px 20px 60px;
}

#policyWrapper > section > div:first-of-type > label{
  display: block;
  font-size:14px;
  font-weight: normal;
  font-size:10pt;
  text-align:center;
  margin: 40px 0px 30px 0px;
}

#policyWrapper > section > div > textarea{
  width:100%;
  height:150px;
  margin:6px 0px 35px 0px;
}

#policyWrapper > section input[type='checkbox']{
  vertical-align: bottom;
  width:20px;
  height:20px;
  margin:0px 0px 12px 0px;
}

#policyWrapper > section > div> label.chk{
  width:100%;
  text-align: left;
  margin:0px;
  padding:0px;
  font-weight: bold;
  font-size: 10pt;
  cursor: pointer;
  color: #1f1f1f;
  vertical-align: middle;
  line-height: 40px;
}

#joinForm{
  display:table;
  width:100%;
  margin:25px 0px 0px 0px;
  background-color:#fafaf9;
  border-style:solid;
  border-width: 3px 1px 1px 1px;
  border-color: #0064bc #d8d7d7 #d8d7d7 #d8d7d7;
}

#joinForm .table{
  display:table;
  margin-bottom:0px;
}
#joinForm th{
  height:50px;line-height:22px;margin:0;padding:0;
  border-bottom:1px solid #ccc;background-color:#fafaf9;
  font-size:12px;
}
#joinForm th label{
	margin:0;padding:0;
	cursor:pointer;
}
#joinForm td{
	line-height:36px;margin:0;padding:7px 0;
	border-bottom:1px solid #ccc;
}
#joinForm td label.dropdown{
	float:left;margin:7px 0 0;width:70px;text-align:center; padding-left:10px;
}
#joinForm td ul{
	margin:0;
}
#joinForm td #dropdownMenu{
	min-width:auto;
}
#joinForm td #dropdownMenu li{
	width:70px;
}
#joinForm td span#prevEmail{
	float:left;display:inline-block;margin-left:20px;margin-top:7px;font-size:0.9em;color:#5f5f5f;
}
#joinForm td input#email,
#joinForm td input#email2{
	float:left;margin-top:10px;
}

#joinForm td input#txID{
	width:50%;
}
#joinForm td .alert{
	margin:0;padding:0;border:none;padding-left:10px; font-size:12px;
}
#joinForm td .caret{
	position:absolute;top:50%;margin-left:10px;
}
#joinForm .row{
  margin:0px;
  /* display:table-row; */
  text-align: left;
  box-sizing: border-box;
}

#joinForm .grid{
  display:inline-block;;
  width:100%;
  height:1px;
  border-bottom:1px solid red;
}


#joinForm .row .cell.btn{
  width:120px;
  margin:0px;
  padding:0px;
  text-align:center;
  vertical-align:middle;
  border-right:1px solid #d7d7d7;
  font-weight:600;
}

#joinForm .row .cell.mail{
  width:180px;
  margin:0px;
  padding:0px;
  text-align:center;
  vertical-align:middle;
  border-left:1px solid #d7d7d7;
  font-weight:600;
}

#joinForm .row .cell .static{
  display:inline-block;
  padding:5px 15px 0px 25px;
}

#joinForm .row .cell{
 /*  display: table-cell; */
  position:relative;height:30px;line-height:30px;padding:10px 0;
  border-bottom: 1px solid #d7d7d7;
}

#joinForm .row .cell .alert{
  width:200px;
  position:absolute;
  top:0px;
  left:0px;
  float:right;
  margin-left:50%;
  color:#ff0000;
  font-weight:600;
}
#joinForm ul.mobile:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
#joinForm ul.mobile li{
  float:left;max-width:193px;height:50px;line-height:50px;
}
#joinForm ul.mobile li input{
  text-align:center;
}
#joinForm input{
  width:77%;
  padding:0px 0px 0px 15px;
  height:29px;line-height:29px;
  font-size:14px;
  font-size:12px;
  margin-left:20px;
  border-color:#d2d6dd;
  border-style:solid;
  border-width:1px;
  vertical-align:middle;
}
#joinForm #zipCode{
	width:70px;text-align:center;padding-left:0;
}
#joinForm #tx_addr{
	width:238px;
}
#joinForm #btn_searchAddr{
	height:16px;line-height:16px;padding:6px 10px;
	border:1px solid #aaa;
	font-size:12px;color:#333;font-weight:bold;transform:skew(-0.001deg);
	margin:0 8px;
}

#joinForm > a.idbtn{
  display:inline-block;
  height:26px;
  line-height:12px;
  padding:7px 10px;
  white-space:nowrap;
  overflow:hidden;
  color:#666;
  vertical-align:middle;
  border:1px solid #cecece;
  background-color:#fff;
  font-size:11px;

}

.dropdown-toggle{font-size:13px;}
.infowrite{font-weight:bold;transform:skew(-0.001deg); font-size:13px;}
#joinForm .red{color:rgb(231,89,63); display:inline-block;padding-left:5px;}
#joinForm table{width:100%;table-layout:fixed;}
#joinForm table th{text-align:left; padding-left:20px;}
#joinForm input[type=text]::-moz-placehoder{ color:#d1cbcb; }
#joinForm input[type=text]::-webkit-input-placeholder{ color:#d1cbcb; }
#joinForm input[type=password]::-moz-placehoder{ color:#d1cbcb; }
#joinForm input[type=password]::-webkit-input-placeholder{ color:#d1cbcb; }

#joinForm .phoneinput input{width: 78px;}

#joinForm > div > label {
  width:120px;
  display:inline-block;
  text-align:center;
    font-size:14px;
  font-size:13px;
  font-weight:bold;transform:skew(-0.001deg);
  color:#d1cbcb;
}

#joinForm > div > label a{
  color:#626262;
}

#joinForm > div > label.mail {
  width:190px;
}
#joinForm tr td a{
  font-size:14px;color:#000;
}

#policyWrapper > section > div > button{
  float:right;
  margin:20px 0px 70px 0px;
}

span.chk-label{
  font-weight: bold;
  font-size:10pt;
  cursor:pointer;
  color:#1f1f1f;
  vertical-align: middle;
  padding-bottom:15px;
}

button.member{ height:53px; width:135px;}
button.bbs{height: 41px; width:120px;}
button.bs-grid-fit{height: 54px; width:100%; }

button.blue{
  box-sizing: border-box;
  text-align:center;
  font-size:13px;
  font-weight:bold;transform:skew(-0.001deg);
  color:#FFFFFF;
  background-color:#0073a9;
  border-width:0px;
  border:1px solid #000;
}

button.gray{
  box-sizing: border-box;
  font-size:13px;
  font-weight:bold;transform:skew(-0.001deg);
  color:#FFFFFF;
  background-color:#676363;
  border-width:0px;
  font-size:14px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-transform: uppercase;
}
button.gray:hover{
  background-color:#828282;
}

button.red{
  box-sizing: border-box;
  font-size:13px;
  font-weight:bold;transform:skew(-0.001deg);
  color:#FFFFFF;
  background-color:#e93527;
  border-width:0px;
  font-size:14px;
    -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-transform: uppercase;
}
button.red:hover{
  background-color:#ff4f41;
}

.fh5co-header {
  height:25px;
  border:1px solid #e8e8e8;
}
.fh5co-header ul#gnb{
	/* width:23%; */
  float:right;
}

.fh5co-header ul#gnb > li{
  float:left;height:25px;line-height:25px;margin: 0;padding-left: 15px;
  font-size: 13px;
}
.fh5co-header ul#gnb > li >{height:25px;line-height:25px;}
.fh5co-header ul#gnb > li:not(.last):after{
  content:"|";display:inline-block;margin-left:15px;
}
.fh5co-header ul#gnb > li > ul.gnb-sub{
  position:absolute;margin-top:-300px;margin-bottom:0;padding:2px 0;margin-left:-17px;z-index:5050;opacity:0;
  background-color:#fff;border:1px solid #e8e8e8;
}
.fh5co-header ul#gnb > li:hover > ul.gnb-sub{
  margin-top:-2px;opacity:1;-webkit-transition:opacity 0.5s ease;  -o-transition:opacity 0.5s ease;  transition:opacity 0.5s ease;
}
.fh5co-header ul#gnb > li > ul.gnb-sub li{
  display:block;width:95px;padding:2px 10px;
}
.fh5co-header ul#gnb > li.last > ul.gnb-sub li{
  width:auto;padding:2px 6px;
}
.fh5co-header ul#gnb > li > ul.gnb-sub li a{
  display:block;padding:0 10px;white-space:nowrap;
  border-bottom:1px solid #e8e8e8;
  text-align:center;font-size:13px;
}
.fh5co-header ul#gnb > li > ul.gnb-sub li.last a{
  border-bottom:0;
}
.fh5co-header ul#gnb > li > ul.gnb-sub li a:hover{
  background-color:#ddd;
}
.fh5co-nav {
  padding: 8px 0;
  background: #fff;
}

.fh5co-nav .leftLogo{
  float:left;
}
.fh5co-nav .area-search{margin:0 auto;}

.fh5co-nav .rightLogo{
  float:right;
}
.fh5co-nav a {
  padding: 5px 10px;
  color: #000;
}
.fh5co-nav .fh5co-logo {
  display:block;width:160px;height:53px;margin:0 0 7px 0; padding: 0;white-space:nowrap;overflow:hidden;
  background:url('/asset/images/main/logo.png') no-repeat 0 0;background-size:100%;
  text-indent:100%;
}
.fh5co-nav .fh5co-logo.medicomurs{
  width:224px;
  background-position:-1px 0;
}
.fh5co-nav .menu-2 {
  width:430px;
}

.mainmenu {
	padding:0;
	width:100%;
	margin:0 auto;
	border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;
}

.sm-nav{
  position: relative;
  top:-25px;
  display: inline-block;
  height: 80px;
}

.sm-nav .amt{
  color:#ddc760;
  margin:0px 0px 0px 15px;
}

.fh5co-nav .menu-1 {
  width:100%;
}
.fh5co-nav ul {
  padding: 0;
  margin: 0;
}
.fh5co-nav.mainmenu .menu-1 > ul.cnt1 > li{width:50%;}
.fh5co-nav.mainmenu .menu-1 > ul.cnt2 > li{width:33.3%;}
.fh5co-nav.mainmenu .menu-1 > ul.cnt3 > li{width:25%;}
.fh5co-nav.mainmenu .menu-1 > ul.cnt4 > li{width:20%;}
.fh5co-nav.mainmenu .menu-1 > ul.cnt5 > li{width:16.6%;}
.fh5co-nav.mainmenu .menu-1 > ul.cnt6 > li{width:14.28%;}
.fh5co-nav.mainmenu .menu-1 > ul.cnt7 > li{width:12.5%;}
.fh5co-nav.mainmenu .menu-1 > ul > li {
  float:left;padding:0;margin:0;
  list-style: none;
  display: inline-block;
}
.fh5co-nav.mainmenu .menu-1 > ul > li > a {
  display:block;height:40px;padding:10px 0;
  font-size: 16px;
  color:#000;font-weight:bold;transform:skew(-0.001deg);
}
.fh5co-nav.mainmenu .menu-1 > ul > li > a:hover,
.fh5co-nav.mainmenu .menu-1 > ul > li > a:focus{
 color:#0066d2;
}
.fh5co-nav.mainmenu .menu-1 > ul > li > a > span{
  display:block;height:22px;line-height:22px;margin:0 auto;
}

.fh5co-nav.mainmenu ul li a:hover, .fh5co-nav ul li a:focus, .fh5co-nav ul li a:active {
  color: black;
}
.fh5co-nav ul li a.cart {
  color: black;
}
.fh5co-nav ul li a.cart span {
  position: relative;
}
.fh5co-nav ul li a.cart span small {
  position: absolute;
  top: -20px;
  right: -15px;
  padding: 10px 6px;
  line-height: 0;
  font-size: 11px;
  background: #d1c286;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.fh5co-nav ul li.has-dropdown {
  position: relative;
}
.fh5co-nav ul li.has-dropdown .dropdown {
  width: 150px;width:280%; top:99%;
  z-index: 1002;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -3px;
  text-align: left;
  background: #fff;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s; 
  border: 3px solid #1b69b4;
}

.fh5co-nav ul li.has-dropdown.m4 .dropdown,
.fh5co-nav ul li.has-dropdown.m5 .dropdown,
.fh5co-nav ul li.has-dropdown.m9 .dropdown,
.fh5co-nav ul li.has-dropdown.m10 .dropdown {
	margin-left:-180%;
}
.fh5co-nav ul li.has-dropdown.m6 .dropdown,
.fh5co-nav ul li.has-dropdown.m7 .dropdown{
	margin-left:-178%;
}
.fh5co-nav ul li.has-dropdown .dropdown.small{
	width:140%;margin-left:0;
}
.fh5co-nav ul li.has-dropdown .dropdown li {
  float:left;width:50%;
  border-bottom:1px solid #e6e6e6;
}

.fh5co-nav ul li.has-dropdown .dropdown li.last{
	border-bottom:none;
}
.fh5co-nav ul li.has-dropdown .dropdown > li > a {
  padding: 2px 0;white-space:nowrap;white-space:nowrap;overflow:hidden;padding:1em;
  display: block;
  color: #000;font-weight:normal;
  line-height: 1.2;
  text-transform: none;
  font-size: 12px;
  text-overflow:ellipsis;
  font-size:14px;
}
.fh5co-nav ul li.has-dropdown .dropdown li:hover{
  background:#0099df;
}
.fh5co-nav ul li.has-dropdown .dropdown li:hover a{
  color:#fff;
}
.fh5co-nav ul li.has-dropdown .dropdown li a:hover {
  color:#fff;
}

.recicon{
position:absolute;top:0px;left:0px;margin:20px 0px 0px 20px; z-index:100;}

.center-block{
height:100%; margin-bottom:10px;}

.list_img_wrap{
width:150px; height:150px; line-height:150px;margin:0 auto; margin-bottom:10px;}

.list_img wrap img{
max-width:100%;height:auto;max-height:100%;
}
.list_img_wrap2{
width:120px; height:120px; line-height:120px;margin:0 auto; margin-bottom:10px;}

.list_img wrap2 img{
max-width:100%;height:auto;max-height:100%;
}

.fh5co-nav ul li.has-dropdown:hover > a, 
.fh5co-nav ul li.has-dropdown:focus > a {
	color:#00bae2;
}
.fh5co-nav ul li.active > a {
  color: #000 !important;
}
.fh5co-nav ul li .form-group {
  border: 1px solid red;
  width: 100%;
}

.ban_wrap{
  padding:0;
  margin:0;
}

.ban_wrap li{
	float:left;width:50%;
	border:1px solid #ccc;border-top:3px solid #2C8FD2;
	text-align:center;
}
.ban_wrap li.rec{
	width:50%;
	border-top:3px solid #FF4E60;border-left:0;
	text-align:center;
}

#fh5co-hero {
  min-height: 700px;
  background: #fff url(../images/loader.gif) no-repeat center center;
}
#fh5co-hero .btn {
  font-size: 24px;
}
#fh5co-hero .btn.btn-primary {
  padding: 14px 30px !important;
}
@media screen and (max-width: 768px) {
  #fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
    font-size: 40px;
  }
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .desc {
  background: rgba(255, 255, 255, 0.9);
  padding: 40px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .desc .price {
  font-size: 14px;
  display: block;
  margin-bottom: 20px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .btn {
  font-size: 18px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead {
  font-size: 20px;
  color: #fff;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead .icon-heart {
  color: #d9534f;
}

#fh5co-header,
#fh5co-counter,
.fh5co-bg {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}

.fh5co-bg {
  background-size: cover;
  background-position: center center;
  position: relative;
  width: 100%;
  float: left;
  position: relative;
}

#fh5co-counter {
  height: 500px;
}
#fh5co-counter .display-t,
#fh5co-counter .display-tc {
  height: 500px;
  display: table;
  width: 100%;
}
@media screen and (max-width: 992px) {
  #fh5co-counter {
    height: inherit;
    padding: 7em 0;
  }
  #fh5co-counter .display-t,
  #fh5co-counter .display-tc {
    height: inherit;
  }
}
@media screen and (max-width: 768px) {
  #fh5co-counter {
    height: inherit;
    padding: 7em 0;
  }
  #fh5co-counter .display-t,
  #fh5co-counter .display-tc {
    height: inherit;
  }
}

.fh5co-cover {
  height: 800px;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  width: 100%;
}
.fh5co-cover .overlay {
  z-index: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
}
.fh5co-cover > .fh5co-container {
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .fh5co-cover {
    height: 600px;
  }
}
.fh5co-cover .display-t,
.fh5co-cover .display-tc {
  z-index: 9;
  height: 900px;
  display: table;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .fh5co-cover .display-t,
  .fh5co-cover .display-tc {
    height: 600px;
  }
}
.fh5co-cover.fh5co-cover-sm {
  height: 600px;
}
@media screen and (max-width: 768px) {
  .fh5co-cover.fh5co-cover-sm {
    height: 400px;
  }
}
.fh5co-cover.fh5co-cover-sm .display-t,
.fh5co-cover.fh5co-cover-sm .display-tc {
  height: 600px;
  display: table;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .fh5co-cover.fh5co-cover-sm .display-t,
  .fh5co-cover.fh5co-cover-sm .display-tc {
    height: 400px;
  }
}

.about-content {
  margin-bottom: 7em;
}
.about-content img {
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 10px;
}
.about-content .desc {
  margin-bottom: 3em;
}

.fh5co-staff {
  text-align: center;
  margin-bottom: 30px;
}
.fh5co-staff img {
  width: 170px;
  margin-bottom: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.fh5co-staff h3 {
  font-size: 24px;
  margin-bottom: 5px;
}
.fh5co-staff p {
  margin-bottom: 30px;
}
.fh5co-staff .role {
  color: #bfbfbf;
  margin-bottom: 30px;
  font-weight: normal;
  display: block;
}

.fh5co-social-icons {
  margin: 0;
  padding: 0;
}
.fh5co-social-icons li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.fh5co-social-icons li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #d1c286;
  padding-left: 10px;
  padding-right: 10px;
}
.fh5co-social-icons li a i {
  font-size: 20px;
}

.fh5co-contact-info ul {
  padding: 0;
  margin: 0;
}
.fh5co-contact-info ul li {
  padding: 0 0 0 40px;
  margin: 0 0 30px 0;
  list-style: none;
  position: relative;
}
.fh5co-contact-info ul li:before {
  color: #d1c286;
  position: absolute;
  left: 0;
  top: .05em;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fh5co-contact-info ul li.address:before {
  font-size: 30px;
  content: "\e9d1";
}
.fh5co-contact-info ul li.phone:before {
  font-size: 23px;
  content: "\e9f4";
}
.fh5co-contact-info ul li.email:before {
  font-size: 23px;
  content: "\e9da";
}
.fh5co-contact-info ul li.url:before {
  font-size: 23px;
  content: "\e9af";
}

#fh5co-header .display-tc,
#fh5co-counter .display-tc,
.fh5co-cover .display-tc {
  display: table-cell !important;
  vertical-align: middle;
}
#fh5co-header .display-tc h1, #fh5co-header .display-tc h2,
#fh5co-counter .display-tc h1,
#fh5co-counter .display-tc h2,
.fh5co-cover .display-tc h1,
.fh5co-cover .display-tc h2 {
  margin: 0;
  padding: 0;
  color: white;
}
#fh5co-header .display-tc h1,
#fh5co-counter .display-tc h1,
.fh5co-cover .display-tc h1 {
  margin-bottom: 0px;
  font-size: 60px;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #fh5co-header .display-tc h1,
  #fh5co-counter .display-tc h1,
  .fh5co-cover .display-tc h1 {
    font-size: 40px;
  }
}
#fh5co-header .display-tc h2,
#fh5co-counter .display-tc h2,
.fh5co-cover .display-tc h2 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
}
#fh5co-header .display-tc h2 a,
#fh5co-counter .display-tc h2 a,
.fh5co-cover .display-tc h2 a {
  color: rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
#fh5co-header .display-tc .btn,
#fh5co-counter .display-tc .btn,
.fh5co-cover .display-tc .btn {
  padding: 15px 30px;
  background: #d1c286 !important;
  color: #fff;
  border: none !important;
  font-size: 18px;
  text-transform: uppercase;
}
#fh5co-header .display-tc .btn:hover,
#fh5co-counter .display-tc .btn:hover,
.fh5co-cover .display-tc .btn:hover {
  background: #d1c286 !important;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
}
#fh5co-header .display-tc .form-inline .form-group,
#fh5co-counter .display-tc .form-inline .form-group,
.fh5co-cover .display-tc .form-inline .form-group {
  width: 100% !important;
  margin-bottom: 10px;
}
#fh5co-header .display-tc .form-inline .form-group .form-control,
#fh5co-counter .display-tc .form-inline .form-group .form-control,
.fh5co-cover .display-tc .form-inline .form-group .form-control {
  width: 100%;
  background: #fff;
  border: none;
}

#fh5co-counter {
  text-align: center;
}
#fh5co-counter .counter {
  font-size: 50px;
  margin-bottom: 10px;
  color: #000;
  font-weight: 100;
  display: block;
}
#fh5co-counter .counter-label {
  margin-bottom: 0;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
}
#fh5co-counter .feature-center {
  padding: 40px 20px;
  background: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 768px) {
  #fh5co-counter .feature-center {
    margin-bottom: 50px;
  }
}
#fh5co-counter .icon {
  width: 70px;
  height: 70px;
  text-align: center;
  background: #d1c286;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  margin-bottom: 20px;
}
#fh5co-counter .icon i {
  height: 70px;
  color: #fff;
}
#fh5co-counter .icon i:before {
  display: block;
  text-align: center;
  margin-left: 3px;
}

.fh5co-bg-section {
  background: rgba(0, 0, 0, 0.05);
}

#fh5co-services,
#fh5co-started,
#fh5co-testimonial,
#fh5co-started,
#fh5co-product,
#fh5co-about,
#fh5co-contact,
#fh5co-footer {
  clear: both;
}
@media screen and (max-width: 768px) {
  #fh5co-services,
  #fh5co-started,
  #fh5co-testimonial,
  #fh5co-started,
  #fh5co-product,
  #fh5co-about,
  #fh5co-contact,
  #fh5co-footer {
    padding: 3em 0;
  }
}

.feature-center {
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .feature-center {
    margin-bottom: 50px;
  }
}
.feature-center .desc {
  padding-left: 180px;
}
.feature-center .icon {
  width: 90px;
  height: 90px;
  background: #d1c286;
  display: table;
  text-align: center;
  margin: 0 auto 30px auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.feature-center .icon i {
  display: table-cell;
  vertical-align: middle;
  height: 90px;
  font-size: 40px;
  line-height: 40px;
  color: #fff;
}
.feature-center p, .feature-center h3 {
  margin-bottom: 30px;
}
.feature-center h3 {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
}

.product {
  margin-bottom: 40px;
}
.product-grid {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  border: 1px solid #cfcfcf;
  margin-bottom: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color:#f9f9f9;
  font-size:12px;
  padding-top:30px;
}
.product-grid .sale {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 10px;
  z-index: 100;
  background: #d1c286;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.product-grid .in{
  display: table;
  width: 100%;
}
.product-grid .in span.m{
  float:right;

}
.product-grid .in .logout{
  height:44px;
  padding:10px 0;
  background-color:#595959;
  text-align:center;
   -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.product-grid .in .logout:hover{
  background-color:#0066b1;
}
.product-grid .in span.txt{
  color:white;
  font-weight:bold;transform:skew(-0.001deg);
  font-size:14px;
}
.product-grid .in p{
  font-size:12px;
  color:#000;
}
.product-grid .in li a{

  font-size:13px;
   -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border:1px solid #c4c4c4; padding:2px 10px 2px 10px;
}

.product-grid .in li a:hover{

  color:#0066b1;
   border:1px solid #0066b1;
}

@media screen and (max-width: 768px) {
  .product-grid .in {
    opacity: 1;
    background: transparent;
  }
}
.product-grid .inner p {
  display: table-cell;
  vertical-align: middle;
}
.product-grid .inner p .icon {
  padding: 7px 10px;
  color: #fff;
  background: #d1c286;
}
.product-grid .inner p .icon:hover, .product-grid .inner p .icon:focus {
  color: #d1c286;
  background: #fff;
}
.product .desc h3 {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 24px;
}
.product .desc h3 a {
  color: #000;
}
.product .desc .price {
  text-transform: uppercase;
}
.banner_customerCenter{
	background-color:#0066b2;text-align:center;
}

table.order-summary{
  text-align: center;
  vertical-align: middle;
}
table.order-summary > tbody > tr > td > span{

	font-size:14px;
	font-size:11px;
	color:#000;
	
}

table.order-summary > tbody > tr > td.icon > span{
  display: inline-block;
  width:55px;
  height:45px;
  background-image: url("/asset/images/common/icon_map.gif");
  background-repeat: no-repeat;
}

table.order-summary > tbody > tr > td.icon > span.order-s1{ background-position: 0px 0px; }
table.order-summary > tbody > tr > td.icon > span.order-s2{ background-position: -55px 0px; }
table.order-summary > tbody > tr > td.icon > span.order-s3{ background-position: -110px 0px; }
table.order-summary > tbody > tr > td.icon > span.order-s4{ background-position: 0px -45px; }
table.order-summary > tbody > tr > td.icon > span.order-s5{ background-position: -55px -45px; }

table.order-summary > tbody > tr > td > a.num{

	padding-left:5px;
	color:#0066b2;
	font-weight:bold;transform:skew(-0.001deg);

}

div.tab > .tab-header{
  display:inline-block;
  line-height: 19px;
  border:1px solid #c7c7c7;
  padding:4px 30px 4px 30px;
  margin:0px;
  position: relative;
  top:1px;
  font-size:14px;
  border-bottom:1px solid #fff;
  font-weight:bold;transform:skew(-0.001deg);
  color:#535353;
  font-size:13px;
}

div.tab > .no-active{
  border-left:0px;
  padding:4px 43px;
  border-bottom:1px solid #c7c7c7;
  background:#f7f7f7;
  font-weight:100;
}

div.tab-body{
  padding:15px;
  text-align:center;
  border:1px solid #c7c7c7;

}

div.tab-body > * { display: inline-block}

/*.product:hover .product-grid, .product:focus .product-grid {
  -webkit-box-shadow: 0px 10px 24px -7px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 10px 24px -7px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 10px 24px -7px rgba(0, 0, 0, 0.35);
  -o-box-shadow: 0px 10px 24px -7px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 10px 24px -7px rgba(0, 0, 0, 0.35);
}*/
.product:hover .inner, .product:focus .inner {
  opacity: 1;
}
.product:hover .desc h3 a, .product:focus .desc h3 a {
  color: #d1c286;
}

.product-carousel {
  margin-bottom: 7em;
}

.fh5co-tabs .fh5co-tab-nav {
  clear: both;
  margin: 0 0 3em 0;
  padding: 3px;
  float: left;
  width: 100%;
  background: #f2f2f2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.fh5co-tabs .fh5co-tab-nav li {
  float: left;
  margin: 0;
  padding: 0;
  width: 33.33%;
  text-align: center;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.fh5co-tabs .fh5co-tab-nav li .icon {
  font-size: 30px;
}
.fh5co-tabs .fh5co-tab-nav li a {
  padding: 20px;
  width: 100%;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: #b3b3b3;
}
.fh5co-tabs .fh5co-tab-nav li a:hover {
  color: #4d4d4d;
}
.fh5co-tabs .fh5co-tab-nav li.active a {
  background: #fff;
  color: #d1c286;
}
.fh5co-tabs .fh5co-tab-content-wrap {
  clear: both;
  position: relative;
  top: 70px;
}
.fh5co-tabs .fh5co-tab-content-wrap .tab-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.fh5co-tabs .fh5co-tab-content-wrap .tab-content.active {
  opacity: 1;
  visibility: visible;
}
.fh5co-tabs .fh5co-tab-content-wrap .tab-content .price {
  border: 2px solid #d1c286;
  display: inline-block;
  margin-bottom: 20px;
  padding: 7px 20px 10px 20px;
}
.fh5co-tabs .fh5co-tab-content-wrap ul {
  padding: 0;
  margin: 0;
  margin-bottom: 3em;
}
.fh5co-tabs .fh5co-tab-content-wrap ul li {
  list-style: none;
  margin-bottom: 20px;
  position: relative;
  padding-left: 30px;
}
.fh5co-tabs .fh5co-tab-content-wrap ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\e116';
}
.fh5co-tabs .fh5co-tab-content-wrap .feed {
  width: 100%;
  float: left;
  margin-bottom: 7em;
}
.fh5co-tabs .fh5co-tab-content-wrap .feed > div {
  width: 100%;
  float: left;
  margin-bottom: 1em;
}
.fh5co-tabs .fh5co-tab-content-wrap .feed > div blockquote {
  border-left: 0;
  padding: 20px;
  background: rgba(0, 0, 0, 0.04);
}
.fh5co-tabs .fh5co-tab-content-wrap .feed > div h3 {
  font-size: 18px;
  display: inline-block;
  padding-right: 20px;
}
.fh5co-tabs .fh5co-tab-content-wrap .feed > div .rate {
  color: #ffba00;
}
.fh5co-tabs .icon-xlg {
  font-size: 400px;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .fh5co-tabs .icon-xlg {
    font-size: 300px;
  }
}
@media screen and (max-width: 480px) {
  .fh5co-tabs .icon-xlg {
    font-size: 200px;
  }
}
.fh5co-tabs .icon-xlg i {
  color: #d1c286;
}

.fh5co-heading {
  margin-bottom: 5em;
}
.fh5co-heading.fh5co-heading-sm {
  margin-bottom: 2em;
}
.fh5co-heading h2 {
  font-size: 24px;
  margin-bottom: 20px;
  line-height: 1.5;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}
.fh5co-heading p {
  font-size: 18px;
  line-height: 1.5;
  color: #828282;
}
.fh5co-heading span {
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 12px;
}

#fh5co-testimonial {
  background: #efefef;
}
#fh5co-testimonial .testimony-slide {
  text-align: center;
}
#fh5co-testimonial .testimony-slide span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
}
#fh5co-testimonial .testimony-slide figure {
  margin-bottom: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#fh5co-testimonial .testimony-slide figure img {
  width: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#fh5co-testimonial .testimony-slide blockquote {
  border: none;
  margin: 30px auto;
  width: 50%;
  position: relative;
  padding: 0;
}
@media screen and (max-width: 992px) {
  #fh5co-testimonial .testimony-slide blockquote {
    width: 100%;
  }
}
#fh5co-testimonial .arrow-thumb {
  position: absolute;
  top: 40%;
  display: block;
  width: 100%;
}
#fh5co-testimonial .arrow-thumb a {
  font-size: 32px;
  color: #dadada;
}
#fh5co-testimonial .arrow-thumb a:hover, #fh5co-testimonial .arrow-thumb a:focus, #fh5co-testimonial .arrow-thumb a:active {
  text-decoration: none;
}

#fh5co-started {
  background: #d1c286;
}
#fh5co-started .fh5co-heading h2 {
  color: #fff;
  margin-bottom: 20px !important;
}
#fh5co-started .fh5co-heading p {
  color: rgba(255, 255, 255, 0.6);
}
#fh5co-started .form-control {
  background: rgba(255, 255, 255, 0.2);
  border: none !important;
  color: #fff;
  font-size: 16px !important;
  width: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-started .form-control::-webkit-input-placeholder {
  color: #fff;
}
#fh5co-started .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
#fh5co-started .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
#fh5co-started .form-control:-ms-input-placeholder {
  color: #fff;
}
#fh5co-started .form-control:focus {
  background: rgba(255, 255, 255, 0.3);
}
#fh5co-started .btn {
  height: 54px;
  border: none !important;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  padding-left: 50px;
  padding-right: 50px;
}
#fh5co-started .form-inline .form-group {
  width: 100% !important;
  margin-bottom: 10px;
}
#fh5co-started .form-inline .form-group .form-control {
  width: 100%;
}

#fh5co-footer {
  background: #efefef;
}
#fh5co-footer .fh5co-footer-links {
  padding: 0;
  margin: 0;
}
#fh5co-footer .fh5co-footer-links li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#fh5co-footer .fh5co-footer-links li a {
  color: #000;
  text-decoration: none;
}
#fh5co-footer .fh5co-footer-links li a:hover {
  text-decoration: underline;
}
#fh5co-footer .fh5co-widget {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #fh5co-footer .fh5co-widget {
    text-align: left;
  }
}
#fh5co-footer .fh5co-widget h3 {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
}
#fh5co-footer .copyright .block {
  display: block;
}

#map {
  height: 500px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #map {
    height: 400px;
  }
}
@media screen and (max-width: 480px) {
  #map {
    height: 200px;
  }
}

#fh5co-offcanvas {
  position: absolute;
  z-index: 1901;
  width: 270px;
  background: black;
  top: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 45px 40px 40px 40px;
  overflow-y: auto;
  display: none;
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  #fh5co-offcanvas {
    display: block;
  }
}
.offcanvas #fh5co-offcanvas {
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
#fh5co-offcanvas a {
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-offcanvas a:hover {
  color: rgba(255, 255, 255, 0.8);
}
#fh5co-offcanvas ul {
  padding: 0;
  margin: 0;
}
#fh5co-offcanvas ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#fh5co-offcanvas ul li.search {
  float: left;
  width: 100%;

  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 0;
  margin: 5px 0 0 0;
}

#fh5co-offcanvas ul li input[type=text] {
  padding: 6px 10px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  float: right;
  font-size: 13px;
  margin-top: 4px;
  background: transparent;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#fh5co-offcanvas ul li input[type=text]:focus {
  width: 100%;
  outline: none;
}
#fh5co-offcanvas ul li button {
  margin-top: 4px;
  padding: 6px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-left: 1px;
}
#fh5co-offcanvas ul li button i {
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-offcanvas ul li button:hover, #fh5co-offcanvas ul li button:focus {
  background: transparent !important;
}
#fh5co-offcanvas ul li button:hover i, #fh5co-offcanvas ul li button:focus i {
  color: white;
}
#fh5co-offcanvas ul li.shopping-cart {
  float: left;
}
#fh5co-offcanvas ul li a.cart {
  display: block;
  margin-top: 30px;
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-offcanvas ul li a.cart span {
  position: relative;
}
#fh5co-offcanvas ul li a.cart span small {
  position: absolute;
  top: -20px;
  right: -15px;
  padding: 10px 6px;
  line-height: 0;
  font-size: 11px;
  background: #d1c286;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#fh5co-offcanvas ul li > ul {
  padding-left: 20px;
  display: none;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a {
  display: block;
  position: relative;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a:after {
  position: absolute;
  right: 0px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e921";
  font-size: 20px;
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.uppercase {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.gototop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.gototop.active {
  opacity: 1;
  visibility: visible;
}
.gototop a {
  width: 50px;
  height: 50px;line-height:50px;
  display: table;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.gototop a i {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.gototop a:hover, .gototop a:active, .gototop a:focus {
  text-decoration: none;
  outline: none;
}

.fh5co-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
  background: #444;
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.fh5co-nav-toggle i {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 2px;
  color: #252525;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #252525;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  content: '';
  width: 25px;
  height: 2px;
  background: #252525;
  position: absolute;
  left: 0;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle.fh5co-nav-white > i {
  color: #fff;
  background: #000;
}
.fh5co-nav-toggle.fh5co-nav-white > i::before, .fh5co-nav-toggle.fh5co-nav-white > i::after {
  background: #000;
}

.fh5co-nav-toggle i::before {
  top: -7px;
}

.fh5co-nav-toggle i::after {
  bottom: -7px;
}

.fh5co-nav-toggle:hover i::before {
  top: -10px;
}

.fh5co-nav-toggle:hover i::after {
  bottom: -10px;
}

.fh5co-nav-toggle.active i {
  background: transparent;
}

.fh5co-nav-toggle.active i::before {
  background: #fff;
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.fh5co-nav-toggle.active i::after {
  background: #fff;
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.fh5co-nav-toggle {
  position: absolute;
  right: 0px;
  top: 25px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important;
}
@media screen and (max-width: 768px) {
  .fh5co-nav-toggle {
    display: block;
  }
}

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;transform:skew(-0.001deg);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 8px 20px;
}
.btn.btn-xs{
	padding:1px 8px !important;
}
.btn.btn-md {
  padding: 8px 20px !important;
}
.btn.btn-lg {
  padding: 18px 36px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

.btn_gray{
	background-color:#757575;
	color:#fff;
	border:2px solid #757575;
}
.btn-primary {
  background: #d1c286;
  color: #fff;
  border: 2px solid #d1c286;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #d8cb98 !important;
}
.btn-primary.btn-outline {
  background: transparent;
  color: #d1c286;
  border: 2px solid #d1c286;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: #d1c286;
  color: #fff;
}

.btn-success {
  background: #5cb85c;
  color: #fff;
  border: 2px solid #5cb85c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background: #4cae4c !important;
  border-color: #4cae4c !important;
}
.btn-success.btn-outline {
  background: transparent;
  color: #5cb85c;
  border: 2px solid #5cb85c;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
  background: #5cb85c;
  color: #fff;
}

.btn-info {
  background: #5bc0de;
  color: #fff;
  border: 2px solid #5bc0de;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  background: #46b8da !important;
  border-color: #46b8da !important;
}
.btn-info.btn-outline {
  background: transparent;
  color: #5bc0de;
  border: 2px solid #5bc0de;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
  background: #5bc0de;
  color: #fff;
}

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background: #eea236 !important;
  border-color: #eea236 !important;
}
.btn-warning.btn-outline {
  background: transparent;
  color: #f0ad4e;
  border: 2px solid #f0ad4e;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
  background: #f0ad4e;
  color: #fff;
}

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background: #d43f3a !important;
  border-color: #d43f3a !important;
}
.btn-danger.btn-outline {
  background: transparent;
  color: #d9534f;
  border: 2px solid #d9534f;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
  background: #d9534f;
  color: #fff;
}

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
}

.btn.with-arrow {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn.with-arrow i {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn.with-arrow:hover {
  padding-right: 50px;
}
.btn.with-arrow:hover i {
  color: #fff;
  right: 18px;
  visibility: visible;
  opacity: 1;
}

.form-control {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
/*   height: 54px; */
  font-size: 18px;
  font-weight: 300;
}

.form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #d1c286;
}

.row-pb-md {
  padding-bottom: 4em !important;
}

.row-pb-sm {
  padding-bottom: 2em !important;
}

.fh5co-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loader.gif) center no-repeat #fff;
}
.ajax-loader{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loader.gif) center no-repeat;
}


.js .animate-box {
  opacity: 0;
}

/*# sourceMappingURL=style.css.map */

img{
	max-width:100%;
	height:auto;max-height:100%;
}

.hidden{
	position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;
}
.fh5co-nav.search{
	padding:35px 0 30px;
}

.fh5co-nav .menu-2 .area_search {
  float: right;margin-top:10px;  -webkit-transition: 0.3s;  -o-transition: 0.3s;  transition: 0.3s;  padding: 0;
}

.fh5co-nav .menu-2 .area_search .input-group{ width:337px;}

.fh5co-nav .menu-2 .area_search .input-group .input-group-btn{

  padding-top:6px; display:block; width:43px; background:#1b69b4; float:right; height:40px;line-height:31px;border-radius:9px;
}

.fh5co-nav .menu-2 .area_search .dropdown{
	float:left;padding:3px 0;
	font-size:13px;
}
.fh5co-nav .menu-2 .area_search .dropdown a{
	color:#555;
	font-size:14px;
}
.fh5co-nav .menu-2 .area_search .dropdown #lbDowndown{
	display:inline-block;width:85px;text-align:center;
}
.fh5co-nav .menu-2 .area_search .dropdown #lbDowndown .caret{
	float:right;margin-left:5px;margin-top:12px;
}
.fh5co-nav .menu-2 .area_search .dropdown .dropdown-menu{
	min-width:90px;
}
.fh5co-nav .menu-2 .area_search .dropdown li{
	margin:0;padding:0;
}
.fh5co-nav .menu-2 .area_search .dropdown li a{
	margin:0;padding:5px 7px;
	font-size:13px;
}

.fh5co-nav .menu-2 .area_search input[type=text] {
  width:86.64%;padding: 6px 10px 6px 0px;
  border: none;
  float: left;
  font-size: 13px;
  margin-top: 4px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size:14px;
}
.fh5co-nav .menu-2 .area_search input[type=text]:focus {
  outline: none;
}
.fh5co-nav .menu-2 .area_search button {
  margin-top: 4px;
  padding: 5px 10px;
  background: transparent;
  border: none;
}
.fh5co-nav .menu-2 .area_search button i {
  color: rgba(0, 0, 0, 0.5);
}
.fh5co-nav .menu-2 .area_search button:hover, .fh5co-nav .menu-2 li button:focus {
  background: transparent !important;
}
.fh5co-nav .menu-2 .area_search button:hover i, .fh5co-nav .menu-2 li button:focus i {
  color: black;
}

.product > div{
	width: 100%;margin-bottom:1.5em;
	font-size:14px;
}
.product > div.nav_mypage{

	margin-bottom:0.5em;
}
.loginfo{
	padding:15px 10.3448275862069%;
}
.loginfo .nav_info{
	padding:0;
}
.loginfo .nav_info li{
	float:left;
}
.loginfo .nav_info li:first-child:after{display:inline-block;margin-left:1em;}

.nav_mypage ul{
	padding:0px;
}

.nav_mypage ul li{
	float:left;width:31.03448275862069%;height:90px;margin-right:3.448275862068966%;margin-bottom:10px;
	border:1px solid #ccc;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.nav_mypage ul li:hover{
	float:left;width:31.03448275862069%;height:90px;margin-right:3.448275862068966%;margin-bottom:10px;
	border:1px solid #0065b7;
}
.nav_mypage ul li:hover a{
	color:#0065b7;
}
.nav_mypage ul li a{
	display:block;width:100%;line-height:40px;padding-top:50px;white-space:nowrap;overflow:hidden;
	font-size:11px;text-align:center;-webkit-transition: 0.5s; text-indent:-999px;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.nav_mypage ul li#btn_go_deli a{
	background:url("../images/main/icon1.jpg") no-repeat 50% 46%;
}
.nav_mypage ul li#btn_go_reorder a{
	background:url("../images/main/icon2.jpg") no-repeat 50% 46%;
}
.nav_mypage ul li#btn_go_faq a{
	background:url("../images/main/icon3.jpg") no-repeat 50% 46%;
}
.nav_mypage ul li#btn_go_qna a{
	background:url("../images/main/icon4.jpg") no-repeat 50% 46%;
}
.nav_mypage ul li#btn_go_bag a{
	background:url("../images/main/icon5.jpg") no-repeat 50% 46%;
}
.nav_mypage ul li#btn_go_wishlist a{
	background:url("../images/main/icon6.jpg") no-repeat 50% 46%;
}

.nav_mypage ul li#btn_go_deli:hover a{
	background:url("../images/main/icon1_on.jpg") no-repeat 50% 46%;
}
.nav_mypage ul li#btn_go_reorder:hover a{
	background:url("../images/main/icon2_on.jpg") no-repeat 50% 46%;
}
.nav_mypage ul li#btn_go_faq:hover a{
	background:url("../images/main/icon3_on.jpg") no-repeat 50% 46%;
}
.nav_mypage ul li#btn_go_qna:hover a{
	background:url("../images/main/icon4_on.jpg") no-repeat 50% 46%;
}
.nav_mypage ul li#btn_go_bag:hover a{
	background:url("../images/main/icon5_on.jpg") no-repeat 50% 46%;
}
.nav_mypage ul li#btn_go_wishlist:hover a{
	background:url("../images/main/icon6_on.jpg") no-repeat 50% 46%;
}
.nav_mypage ul li#btn_go_faq,
.nav_mypage ul li#btn_go_wishlist{
	margin-right:0;
}

li#btn_go_qna,li#btn_go_bag,li#btn_go_wishlist{
	margin-bottom:0;
}
.notice_grid{
	position:relative;height:200px;padding-top:10px;
}
.notice_grid h2{
  margin:0;padding-bottom:10px;
  border-bottom:1px solid #eee;
	font-size:14px;font-weight:bold;transform:skew(-0.001deg);text-indent:1em;
}

.notice_grid ul{
	padding:0;margin:10px 0 0;
}
.notice_grid ul li{
	/* height:1em; */line-height:1em;font-size:14px;
}
.notice_grid ul li p{
	float:left;width:68%;white-space:nowrap;overflow:hidden;text-indent:1em;
	text-overflow:ellipsis;font-size:13px;
}
.notice_grid ul li .num_ico{
  display:inline-block; width: 20px;height:16px;line-height:16px;margin-right:5px;padding:0;vertical-align:1px;
  background: rgba(0,0,0,.07);
  font-size: 10px; color: #666; text-align: center;text-indent:2px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.notice_grid ul li span.dt{
	float:right;width:25%;white-space:nowrap;margin-right:5%;
	text-align:right;font-size:11px;
}
.notice_grid #btn_go_otherNotive{
	position:absolute;width:16px;height:16px;line-height:16px;top:12px;right:9.655172413793103%;padding:0;margin:0;
	font-size:24px; 
}
.banner_bookmark{
	position:relative;height:43px;
	text-align:center;  margin-bottom:1.5em;
}
.banner_bookmark hr{
	position:absolute;width:100%;height:1px;margin:0;padding:0;top:20px;z-index:-50;
	border-color:rgb(0,101,179);
}
.link_othermall ul{
	margin:0;padding:0;
}
.link_othermall ul li{
	margin-bottom:.5em;
	text-align:center;
	max-height:87px; overflow:hidden;
}
.link_othermall ul li.go_welfaremall{
	background-color:rgb(73,167,255);
}
.link_othermall ul li:hover img{
	transition-duration : 0.3s; transform : scale(1.05); width:100%; height:100%;
}
.link_othermall ul li.go_goodsmall{
	background-color:rgb(36,194,241);
}
.link_othermall ul li.go_medicalmall{
	background-color:rgb(49,189,118);
}
#myCarousel{
	margin-bottom:3.5em;
}
#myCarousel .item{text-align:center;}
#myCarousel .item img{display:inline-block;}
#myCarousel .carousel-indicators{
  position:absolute;width:100%;margin:0;padding:0;bottom:25px;left:0;
  text-align:center;
}
#myCarousel .carousel-indicators li{
	position:relative;display:inline-block;width:auto;height:30px;line-height:30px;margin:0 10px 0 0;padding:0px 20px;
	font-size:12px;text-indent:0;border-radius:0;border:0;
}
#myCarousel .carousel-indicators li:hover{
  background:url("../../data/images/main/slide_indecator_active.gif") no-repeat 0 0;

}

#myCarousel .carousel-indicators li.curr{
	background-color:#666;color:#fff;
}
#myCarousel .carousel-indicators li div{position:absolute;width:100%;background-color:#000;opacity:0.5;left:0;top:0;}
#myCarousel .carousel-indicators li.curr div{opacity:1;}
#myCarousel .carousel-indicators li span{position:relative;color:#fff;}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{right:50%;margin-right:-10px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{left:50%;margin-left:-10px;}

img.product-view{
  height:120px;
}

.nav_footer{
  margin:0 auto;padding:15px 0;
  border-top:1px solid #000;border-bottom:1px solid #ccc;
}

.nav_footer ul{
	margin-bottom:0;padding-top:0.2em;padding-bottom:0.2em;
}
.nav_footer ul li{
	display:inline-block;margin:0;padding:0;
	font-size:14px;font-weight:bold;transform:skew(-0.001deg);color:rgb(120,120,120);
}
.nav_footer ul li:not(.last):after{
  content:"|";display:inline-block;margin:0 1em 0 1.5em;vertical-align:middle;
  color:#bbb;font-size:9px;
}

.footer{
	padding-top:3em; 
	font-size:14px;
}
.footer ul{
	margin:0;padding:0; float:left;
}
.footer ul li{
	margin-right:2em;
}
.footer p{
	margin:0;
}

.mypage{
	width:100%;/* 263px */
}
.mypage h2{
	background-color:rgb(0,101,179);
}
.mypage .lnb{
	border-top:2px solid rgb(198,186,186);border-bottom:2px solid rgb(198,186,186);
}
.mypage .lnb li{
	padding:0;
	background-color:rgb(243,243,243);border-radius:0;border-color:#d7d7d7;border-left:0;border-right:0;
}

.mypage .lnb li a{
	display:block;padding:10px 30px;
	background-color:rgb(243,243,243);
	font-weight:bold;transform:skew(-0.001deg); font-size:15px;
	color:#454545;
}
.mypage .lnb li a:hover{
	background-color:rgb(84,152,251);
	color:#fff;
}
.mypage .lnb li a:hover img{
	display:block; float:right; padding-top:6px;
}
.mypage .lnb li a img{
	display:none;
}

@media screen and (max-width: 768px){
  .mypage h2{
    margin:0px;
  }
  .mypage .lnb{
    white-space: nowrap;
    -ms-overflow-style: none;
    margin:0px;
    border-top:0px;
    display: block;
  }
  .mypage .lnb::-webkit-scrollbar{
    display: none;
  }

  .mypage .lnb li{
    display: inline-block;
    margin:0px;
  }

  .banner {
    margin:0px;
  }
}


#page .banner {
	position:relative;
}
#page .banner li{
	width:100%; height:215px;padding:15px 0 30px 0;text-align:center;
}
#page .banner li hr{
	position:absolute;width:100%;height:0;border:1px solid #333;margin:0;top:39px;
}
.list{
	width:100%;margin-top:42px;padding-bottom:5em;
	font-size:12px;
}
.list .btn{
	border-radius:0;
	font-size:14px;
}
.list h2{
	color:#454545;
	font-weight:600;
}
.table-responsive{
	margin-bottom:0;
	border-top:2px solid rgb(0,101,179);border-bottom:2px solid rgb(227,227,227);
}
.table-responsive table th{
  height:28px;
  vertical-align: middle;
  color:#000;
  font-size:14px;
}

.table-responsive table td{
  height:28px;
  vertical-align: middle;
  color:#5f5f5f;
  font-size:14px;
}


.table-responsive a{

  color:#000;
  font-size:14px;

}

.table-responsive a:hover{

  color:#0065b7;
  font-size:14px;
  text-decoration:underline;

}
.table-static{
  margin-bottom:0;
  border-color: #0064bc #e3e3e3 #e3e3e3 #e3e3e3;
  border-style:solid;
  border-width:2px 0px 0px 0px;
  box-sizing: border-box;
  padding:25px;
}

.table-static table td{
  height:28px;
  vertical-align: middle;
  color:#575757;
}

.table-static table td:first-child{ font-weight: 500; }
.table-static table td.title{padding-bottom:10px;}
.table-static table td.bold{ font-weight:bold;transform:skew(-0.001deg); padding-left:10px;}

.table-responsive-nt{
	margin:0px 0px 0px 0px;
	border-top:2px solid rgb(0,101,179);border-bottom:2px solid #676767;
}

.f-left{ float:left; vertical-align: middle; }
.f-right{ float: right; vertical-align: middle; }

.control-box{
  
  box-sizing: border-box;
  border-width:2px 1px 1px 1px;
  margin:13px 0px 0px 0px;
  border-style:solid;
  background-color:#f7fdfd;
  border-color:rgb(0,101,179) rgb(227,227,227) rgb(227,227,227) rgb(227,227,227);
}

.control-box > div {
  vertical-align: middle;
  margin:0px;
}

.control-box > div > select,
.control-box > div > input,
.control-box > div > span
{
  float:none;
  display: inline-block;
  padding:0px 5px 0px 5px;
  margin:0px 5px 0px 0px;
}


.bbs-header-row{
  box-sizing: border-box;
  
  line-height:40px;
  border-width:2px 0px 1px 0px;
  margin:13px 0px 0px 0px;
  border-style:solid;
  background-color:#f7fdfd;
  border-color:rgb(0,101,179) rgb(227,227,227) rgb(227,227,227) rgb(227,227,227);
}

.bbs-header-row > span{
  display: inline-block;
  line-height: normal;
  text-align:center;
  vertical-align: middle;
  overflow-x: hidden;
  padding-left:10px;
  font-weight:bold;transform:skew(-0.001deg);
  color:#000;

}

.bbs-header-row > *{
  display:inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: normal;
}

.option-control{
  height:24px;
  border-width:1px;
  border-style:solid;
  border-color:#cfcdce;
  margin:2px;
}

select.option-control{ width: 83px; }

input.option-control{ width:245px; vertical-align:-2px; }

.list-row{
  padding: 0px;
  margin: 0px;
  padding:2px 10px;
}
.list-row.title{
	height:25px;line-height:25px;
}
.list-row.multiline{
	min-height:150px;
}
.list-row span{

	color:#000;
}

fieldset .buttonWrapper{
  padding:20px 0px 28px 0px;
  height:82px;
}

fieldset .buttonWrapper > span{
  line-height: normal;
  vertical-align: bottom;
  font-weight: bolder;
}

fieldset > div.list-row:nth-of-type(n + 4){
  border-width:1px 0px 0px 0px;
  border-style:solid;
  border-color:#cfcdce;
}

div.editor{
  display:inline-block;
  vertical-align: top;
  width:750px;
  height:285px;
  border-width:1px;
  margin:15px 10px 0px 0px;
  border-color:#afafaf;
  border-style:solid;
}


.ss-pin{padding-top:12px;}

.list-row>span{
  /* display: inline-block; */
  /* text-align: center; */
}

.list-row > span.bbs_iq_c4
{
  text-align: left;
  padding-left:20px;
}

.table>tbody>tr>td.info,
.list-row>span.info{
  vertical-align: middle;
  background-color:#ffffff;
  width:90px;
}

.list-row>span.input{
  margin-left:20px;
}

.list-row>span.input > select,
.list-row>span.input > input[type="text"]
{
  width:315px;
  height:26px;
  border-style:solid;
  border-color:#d7d7d7;
  border-width:1px;
}

.list-row>span.title{
  font-weight: bold;
}

.list-row>span.bottom-blank{
  height:100px;
}

.list-row>span.content-view
{
  min-height: 245px;
  /* margin:0px 15px 0px 15px; */
}
.list-row>span.content-view span{
	color:unset;
}
.list-row>span.content{
  background-color: #f8f8f8;
  cursor:default;
  margin:0px;
}

.list-footer{
  display: block;
  height:2px;
  margin:0px;
  background-color: #656565;
}

.list-page{
  text-align:center;
  margin:18px 0px 28px 0px;
  height:40px;
  line-height:40px;
}

.list-page > *{
  vertical-align: middle;
  padding:0px 6px;
}

.list-page > ul{
  display:inline-block;
  margin:0px 10px 0px 10px;
  padding:0px;
}

.list-page > ul > li{
  display:inline-block;
  margin:0px 3px 0px 3px;
  padding:0px 4px 0px 4px;
}

.list-page > span{
  display:inline-block;
  margin:0px 6px 0px 6px;
}

.content-wrapper{
  padding:13px 34px 13px 34px;
}

.content-wrapper span{
  font-size:14px;
}
.content-wrapper span.ordernum{
  color:#000009;
}
.content-wrapper span.ordernum2{
  color:#0063b6; font-weight:bold;transform:skew(-0.001deg); padding:0 10px;
}

.content-wrapper a.btn_order{
  border:1px solid #758e8b; padding:2px 11px; color:#5e6263; font-weight:bold;transform:skew(-0.001deg); background:#fff; font-size:11px;
}

.content-wrapper a.btn_order:hover{
  border:1px solid #758e8b; color:#fff; font-weight:bold;transform:skew(-0.001deg); background:#5e6263; font-size:11px; 
}

.content-wrapper a.btn_orderinfo{
  
  display:block; float:right;
  border:1px solid #0073aa; padding:1px 11px; color:#fff; font-weight:bold;transform:skew(-0.001deg); background:#0073aa; font-size:11px;
}

.content-wrapper a.btn_orderinfo:hover{
  
  display:block; float:right;
  border:1px solid #5e6263; padding:1px 11px; color:#fff; font-weight:bold;transform:skew(-0.001deg); background:#5e6263; font-size:11px;
}

.list .table{
  /*min-width:650px;*/
  margin-bottom:0;
	font-size:12px;
}
.list .table label{
	margin-bottom:0;
}

.list .table th{
	background-color:rgb(247,251,250);border-bottom:1px solid rgb(232,232,232);
	text-align:center;
	height:40px;
	vertical-align:middle;
	color:#5f5f5f;
	font-size:14px;
}
.list .table th.capt{
  text-align: left;
  padding-left:12px;
}
.list .table td{
	padding:0;vertical-align:middle;
	border-bottom:1px solid rgb(232,232,232);;
	text-align:center;
}
.list .table.order_list{
	min-width:500px;
}
.list .table.order_list td{
	line-height:40px;
	color:#5f5f5f;
}
.list .table.order_list td textarea{
  width:100%;margin-top:10px;margin-bottom:10px;line-height:1.2em;
}
.list .table.order_list td.title{
	padding-left:20px;
	font-weight:bold;transform:skew(-0.001deg);text-align:left;background-color:rgb(247,251,250);
}

.list .table.grid td div.row{
  margin:15px 0px 15px -15px;
  padding:0px;
  position:relative;
  line-height: 130%;
}

.list .table.grid td{
  vertical-align: middle;
  text-align: left;
  min-height: 45px;
  line-height: 45px;
  padding:0px 0px 0px 30px;
  color:#555555;
  font-weight:bold;transform:skew(-0.001deg);
}

.list .table.grid tr>td:first-child{
  background-color:rgb(247,251,250);
}

.list .table.grid input[type="text"],
.list .table.grid input[type="password"]{
  width:170px;
}

.list .table.bbs_list td{
  line-height: 40px;
  border : 0px;
}

/*.list .table.bbs_list tbody tr:nth-of-type(2n){
  background-color: #f8f8f8;
}*/

.list .table.charge_list td{
	line-height:40px;
	color:#020202;
}


.list .table.charge_list th:nth-child(n+2),
.list .table.charge_list td:nth-child(n+2){
	border-left: 1px solid #e8e6e7;
}

.charge_list th,td{

  font-size:15px;

}

.miniwrap{width:98px; height:98px; }

.miniwrap a{display:block;overflow:hidden;text-align:center;width:97px; height:97px;line-height:97px;border:1px solid #ccc;}

div.img_wrap{

	width:100px; height:100px;line-height:100px;

}
.table-responsive{
	-webkit-overflow-scrolling:touch;
}
.list .table.product_list,
.order_list{
	min-width:800px;
}
table.header_left{
	min-width:560px;
}
table.grid{
	min-width:500px;
}
.list .table.product_list tbody tr td{
	height:100px;padding:2px 0;
}

.list .table.product_list tbody tr td.left{
	text-align:left; padding-left:5px;
}
.list .table th.left{
	text-align:left; padding-left:20px;
}
.list .table.product_list tbody td.input_area{
  position:relative;text-align:center;
}
.list .table.product_list tbody td.input_area .noStock{
	position:absolute;width:100%;height:25px;line-height:25px;margin-top:-25px;
	background-color:#fff;
	text-align:center;
}
.list .table.product_list tbody td.input_area .bag-input-hasIcon{width:88px;}
.list .table.product_list tbody td.input_area a.btn_decrease,
.list .table.product_list tbody td.input_area a.btn_increase{
  left:30px;
}
.list .table.product_list tbody td.input_area.nonbtn a.btn_decrease,
.list .table.product_list tbody td.input_area.nonbtn a.btn_increase{
    left:58px;
}
.list .table.product_list tbody td.hasPrice span{  display:block;}
.list .table.product_list tbody td.hasPrice span.pre-price{text-decoration:line-through;color:#aaa;}
.list .table.product_list img{
	max-height:100px;
}
.list .table.product_list tfoot tr td{
  height:40px;
  text-align: right;
  font-weight: bold;
  padding:0px 1.5em 0px 0px;
  background-color: #f6f6f6;
}


.list .table td .btn{
	margin:0;
}
.list .table td input{
	height:22px;line-height:22px;
	border:1px solid #ccc;vertical-align:middle;
}

.list .table th.nm,
.list .table td.nm{
	text-align:left;overflow:hidden;
	color:#5f5f5f;
}
.list .table td.num{
	padding-right:1.5em !important;
	text-align:right;
}
.list .table td.input_area{
	text-align:left;
}

.list .table td.input_area div{
	position:relative;
}
.list .table td.input_area div input.qty{
	width:28px;height:24px;
	text-align:right;
	padding-right:5px;
}
.list .table td.input_area div a{
	display:block;position:absolute;width:11px;height:12px;left:28px;
	border:1px solid #ccc;border-left:none;
	font-size:0px;
}
.list .table td.input_area div a.btn_increase{
	top:0px;
	background:url("../images/common/increase.gif") no-repeat 50% 50%;
}
.list .table td.input_area a.btn_decrease{
	top:12px;
	background:url("../images/common/decrease.gif") no-repeat 50% 50%;border-top:none;
}
.list .table td.input_area button{
	margin-left:8px;padding: 1px 8px 0px !important;
}
.list .table .last td{
	border-bottom:none;
}
.list .list_summary{
	margin:0;padding:10px;
	background-color:rgb(246,246,246);border-bottom:2px solid rgb(102,102,102);
	color:#000;font-weight:bold;transform:skew(-0.001deg);
}
.list .list_summary div+div{
	text-align:right;
}
.list .btn_group{
	position:relative;margin:20px 0;
}
.list .btn_group > div{
	padding:0;
}
.list .btn_group > div > ul{
	margin:0;padding:0;
}
.list .btn_group > div > ul > li{
	float:left;
	width:120px;
	margin-left:10px;
}
.list .table.header_left th,
.list .table.header_left td{
    color:#555555;
	text-align:left;
	height:45px;
}
.list .table.header_left th{
	padding-left:30px;
	color:#555555;
	vertical-align:middle;
}
.list .table.header_left td{
	padding:10px 1.5em;
}
.list .table.header_left td input[type=text],
.list .table.header_left td input[type=password]{
	height:24px;line-height:24px; padding-left:5px;
}
.list .table.header_left td input[type=checkbox]{
	height:auto;
	vertical-align:top;
}

@media screen and (max-width: 768px) {
	#fh5co-product{
		padding-top:0;
	}
}
@media screen and (min-width:768px){
	.product > div{
		width: 96.66666666666667%;
	}
	.mypage{
		width:87.66666666666667%;/* 263px */
	}

}


@media screen and (min-width:992px){

	.fh5co-nav ul li.has-dropdown.m4 .dropdown,
	.fh5co-nav ul li.has-dropdown.m5 .dropdown {
		margin-left:0;
	}
}

.main_product_box{
  margin:0px;
  padding:0px;
}

.first_product{
  display:table;
  text-align: center;
  border: 1px solid #e2e2e2;
  background: url("/asset/images/main/recommand.gif") no-repeat 15px 15px;
  padding:73px 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.first_product:hover{
  border: 1px solid #8b8b8b;
}


.first_product > img{
  vertical-align: middle;
  cursor: pointer;
}

.h-border{
  height:1px;
  background-color: #e2e2e2;
  margin:0px;
}

.product_info > p{
  font-size:14px;
  margin:0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height:125%;
}

.product_info > p.p_name{
  font-weight: bold;
}
.product_info > p.p_price{
  font-weight: bold;
  color:#FF0000;
}

.num-input{
  margin:0px 0px 10px 0px;
  border:1px solid #bbbbbb;
  display: inline-block;
  font-size:18px;
}

.num-input > img{
  cursor: pointer;
}

.num-input > input{
  border-style:none;
  width:40px;
  text-align: center;
}

.best_btn{ margin:0 auto; width:260px;}
.best_btn li{float:left; margin-right:5px; width:88px;}


@media screen and (max-width: 992px) {
  .nav_mypage ul{
    padding:0px 15px 0px 15px;
  }
}


@media screen and (max-width: 1280px) {
  .nav_mypage ul{
    padding:0px;
  }
}


.row-flex-center {
    display:flex;
    align-items:center;
}

.list-foot{position:relative;}
.list-btn{width:292px; float:right; position:absolute; top:0; right:0;}
.list-btn ul{width:290px; height:50px; padding:0;}
.list-btn ul li.cart-btn{padding-right:10px; float:left;}
.list-btn ul li.wish-btn{float:left;}

.list .area-category{
	box-sizing:border-box;border-width:2px 0;border-style:solid;border-color:rgb(0,101,179) #fff rgb(227,227,227);
	background-color:#f7fbfa;
}
.list .area-category .area-category-title{
	float:left;width:17%;padding:20px;
}
.list .area-category .area-category-title h3{
	color:#000;font-size:14px;font-weight:bold;transform:skew(-0.001deg);
}
.list .area-category .area-category-list{
	float:left;width:100%;height:100%;padding:20px 20px 3px;
	background-color:#fff;
}
.list .area-category .area-category-list li{
	margin-bottom:7px; 
}
.list .area-category .area-category-list li a{
	font-size:14px;
}
.list .area-category .area-category-list li a:hover,
.list .area-category .area-category-list li a.active{
	color:rgb(0,101,179);font-weight:bold;transform:skew(-0.001deg);
}

@media screen and (min-width: 1200px) {

  .charge_padding{padding-top:10px;}
}

.area-product-info{
	width:100%;padding:0;margin:0; padding:40px 0;
}
.area-product-info ul{
	margin-bottom:0;
}
.area-product-info .area-img{
	width:500px;
}
.area-product-info .area-img .img-zoom{
	position:relative;width:100%;height:500px;line-height:500px;overflow:hidden;text-align:center;
	outline:1px solid #e8e8e8;
}
.area-product-info .area-img .img-zoom a{

	display:block; width:500px; height:500px;line-height:500px;text-align:center;
}

.area-product-info .area-img .img-zoom span{
	display:block;position:absolute;width:31px;height:31px;line-height:31px;bottom:10px;right:10px;z-index:50;
}
.area-product-info .area-img ul{
	width:505px;margin-top:5px;padding:0;
}
.area-product-info .area-img ul li{
	float:left;width:98px;margin-right:3px;
}
.area-product-info .miniwrap img{vertical-align:top;}
.area-product-info .area-img ul li:nth-child(5){
	margin-right:0;
}
.area-product-info .area-info{
	margin-top:20px;position:relative;
}
.area-product-info .area-info h3{
  width:100%;margin-bottom:0;padding:25px 0 20px 30px;
  font-weight:bold;transform:skew(-0.001deg); font-size:25px; 
  border-bottom:1px solid #e6e6e6;
}
.area-product-info .area-info table {
	width:100%;min-width:430px;
}
.area-product-info .area-info table th{
	font-size:15px; padding:10px 0 10px 30px;
  background:url('/asset/images/common/ico_list.gif') no-repeat 15px 50%;
}
.area-product-info .area-info table tr{
	border-bottom:1px solid #e6e6e6;
}
.area-product-info .area-info table tbody td{
	height:23px;line-height:23px;
	color:#000; font-size:15px;
}
.area-product-info .area-info table tbody td.nm{
	white-space:nowrap;overflow:hidden;
	text-overflow:ellipsis;
}
.area-product-info .area-info table tbody td.area-qty{
	position:relative;
}
.area-product-info .area-info table tbody td.area-qty input{
	width:45px;height:30px;line-height:30px;padding:0 5px 0 3px;
	border:1px solid #ccc;
	text-align:right;
}
.area-product-info .area-info table tbody td.area-qty a{
	position:absolute;display:block;width:17px;height:15px;white-space:nowrap;overflow:hidden;left:44px;
	text-indent:100%;
}
.area-product-info .area-info table tbody td.area-qty a#btn_increase{
	top:7px;
	background:url('../images/common/btn_qty.gif') no-repeat 50% 0;
}
.area-product-info .area-info table tbody td.area-qty a#btn_decrease{
	height:16px;top:21px;
	background:url('../images/common/btn_qty.gif') no-repeat 50% 100%;
}
.area-product-info .area-info table tbody .price th{padding:20px 0 20px 30px;}
.area-product-info .area-info table tbody td span.pre-price{text-decoration:line-through;color:#aaa;display:block;}
.area-product-info .area-info table tfoot{
	position:absolute;right:0;margin-top:-47px;
	font-size:15px;
}
.area-product-info .area-info table tfoot th{
	padding-right:20px;
	color:#000;background:none;
}
.area-product-info .area-info table tfoot td{
	color:red;font-weight:bold;transform:skew(-0.001deg);
}
.area-product-info .area-info table tfoot td .pre-price{
  font-size:13px;color:#aaa;text-decoration:line-through;
}
.area-product-info .area-info table tfoot td .dc-rate{
  font-size:14px;color:#aaa;
}
.area-product-info .area-info .btn-list{
	padding:0;margin-top:28px;
}
.area-product-info .area-info .btn-list.withVenPrice{
  margin-top:15px;
}
.area-product-info .area-info .btn-list li{
	float:left;width:32.55813953488372%;height:50px;line-height:50px;margin-right:1.162790697674419%; font-size:17px;
}
.area-product-info .area-info .btn-list li:nth-child(3){
	margin-right:0;
}
.area-product-info .area-info .btn-list li a{
	display:block;
	color:#fff;font-weight:bold;transform:skew(-0.001deg);text-align:center;transition:none;
}
.area-product-info .area-info .btn-list li a.gray-btn{
	background-color:#757575;
}
.area-product-info .area-info .btn-list li a.blue-btn{
  background-color:#0066b2;
}
.area-product-info .area-info .btn-list li a.blue-btn:hover{
  background: linear-gradient(bottom, #0066b2 5%, #012e50 100%);
  background: -o-linear-gradient(bottom, #0066b2 5%, #012e50 100%);
  background: -moz-linear-gradient(bottom, #0066b2 5%, #012e50 100%);
  background: -webkit-linear-gradient(bottom, #0066b2 5%, #012e50 100%);
  background: -ms-linear-gradient(bottom, #0066b2 5%, #012e50 100%);
}
.area-product-info .area-info .btn-list li a.gray-btn:hover{
    background: linear-gradient(bottom, #757575 5%, rgb(61,61,61) 100%);
    background: -o-linear-gradient(bottom, #757575 5%, rgb(61,61,61) 100%);
    background: -moz-linear-gradient(bottom, #757575 5%, rgb(61,61,61) 100%);
    background: -webkit-linear-gradient(bottom, #757575 5%, rgb(61,61,61) 100%);
    background: -ms-linear-gradient(bottom, #757575 5%, rgb(61,61,61) 100%);
}
.item-explan .stress{font-size:16px; margin-bottom:10px; font-weight:bold;transform:skew(-0.001deg); color:#666666;}

.stress2{font-weight:bold;transform:skew(-0.001deg); margin:30px 0 20px 0; }
.area-relation-product{
	margin:20px 0;
}
.area-relation-product h3{
	height:30px;line-height:30px;margin-bottom:5px;
	text-indent:2em;font-size:14px;font-weight:bold;transform:skew(-0.001deg);
}
.area-relation-product ul{
	margin:0 -12.5px;padding:0;
}
.area-relation-product ul li{
	margin-bottom:25px;padding:0 12.5px;
}
.area-relation-product ul li a{
	position:relative;display:block;height:210px;
	border:1px solid #ccc;
}
.area-relation-product ul li a span{
	display:block;position:absolute;width:31px;height:31px;bottom:10px;right:10px;z-index:2000;
}
.area-other-info{
	margin-bottom:50px;
}
.area-other-info .nav-tabs li a{
	background-color:#f6f6f6;
	font-size:15px;
}
.area-other-info .nav-tabs li.active a,
.area-other-info .nav-tabs li a:hover{
	background-color:#fff;
	color:#000;font-weight:bold;transform:skew(-0.001deg);
}
.area-other-info .content-other-info{
	display:none;padding:2em 4.444444444444444%;
	border-width:0 1px 1px;border-style:solid;border-color:#ddd;
}
.area-other-info .content-other-info.active{
	display:block;
}
.area-other-info .content-other-info table{
	width:100%;margin:20px 0;
	border-top:2px solid #606060;
}
.area-other-info .content-other-info table th{
	height:35px;line-height:35px;padding-left:2em;
	background-color:#fafafa;border-bottom:1px solid #ddd;
	font-size:14px;
}
.area-other-info .content-other-info table td{
	height:35px;line-height:35px;padding-left:2em;
	border-bottom:1px solid #ddd; font-size:14px;
}
.content-other-info h4{
	height:40px;line-height:35px;margin:0;
	border-top:2px solid #606060;border-bottom:1px solid #ddd;background-color:#fafafa;
	color:#444;font-size:13px;font-weight:bold;transform:skew(-0.001deg);text-indent:25px;
}
.content-other-info h4 span{
	color:#0166b6;font-weight:bold;transform:skew(-0.001deg);
}
.content-other-info .reply-list{
	margin:0;padding:0;
}
.content-other-info .reply-list li{
	padding:10px 25px;
	border-bottom:1px solid #ddd;
}
.content-other-info .reply-list li div.reply-recomm span{
	display:inline-block;height:20px;line-height:20px;padding:0 10px;white-space:nowrap;
	border:1px solid #8a9fce;
	color:#3363c5;
}
.content-other-info .reply-list li div.reply-content p{
	margin:0;
}
.content-other-info .reply-list li div.reply-date span{
	display:inline-block;
}
@media screen and (min-width: 1200px) {
  .area-product-info .area-img{
	  float:left;
  }
  .area-product-info .area-info{
	  float:right;width:580px;margin-top:0;border-top:2px solid #555;
  }
  .content-other-info .reply-list li{
	padding:0;
	border-bottom:0;
  }
  .content-other-info .reply-list li div{
	float:left;height:72px;padding:15px 0;
	border-bottom:1px solid #ddd;
  }
  .content-other-info .reply-list li div.reply-recomm{
	width:12.51533742331288%;min-width:90px;padding-left:25px;
  }
  .content-other-info .reply-list li div.reply-content{
	width:71.41104294478528%;
  }
  .content-other-info .reply-list li div.reply-date{
	width:16.07361963190184%;min-width:80px;padding-right:25px;
  }
}

.stxt{color:#000; padding-top:2px;}
.sinput{color:#000; height:24px;line-height:24px;padding-right:5px;}
input.sinput[type=text]::-webkit-input-placeholder{color:#000; margin-right:5px;}
.sel{height:24px; margin-right:10px;}
div.date-range-picker > .button-wrapper {width:60.5%;}
div.date-range-picker > .button-wrapper > button{font-weight:bold;transform:skew(-0.001deg);}
.btn-default:hover{

	background-color:#0065b7;
	border-color:#0065b7;
	color:#fff;
}
.btn-default2{
 -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;


}
.btn-default2:hover{

	background-color:#555555;
	border-color:#555555;
	color:#fff;
}

button.btn_gray{

width:120px; border:1px solid #757575; padding:10px 10px 10px 10px;
font-size:14px; font-weight:bold;transform:skew(-0.001deg);
}
button.btn_blue{

width:120px; background:#0065b7; border:1px solid #0065b7; color:#fff; padding:10px 10px 10px 10px;
font-size:14px; font-weight:bold;transform:skew(-0.001deg);
}
button.btn_blue:hover{

background:#757575; border:1px solid #757575;

}

.withdraw{
  margin:0px;
  text-align: left;
	padding-left:15px;
}



.menu-all-wrap{ background:#fff; overflow:hidden; line-height:24px; box-shadow:inset 0px -10px 10px -10px rgba(0,0,0,0.3);}

.menu-all-wrap .menu-all-container{position:relative; padding:20px 0px 15px; margin:0; overflow:hidden; margin-right:-30px; min-height:60px;}

.menu-all-wrap .menu-all{padding:0; margin:0; list-style:none;}

.menu-all-wrap .menu-all-head{padding:0px; margin:0px; background:#fff; overflow:hidden; }

.menu-all-wrap .menu-all-head-item{margin-bottom:10px; /*margin-right:30px;*/}

.menu-all-wrap .menu-all-head a{display:block; cursor:pointer;}

.menu-all-wrap .menu-all-main{display:block; font-weight:bold;transform:skew(-0.001deg); font-size:15px; margin:0px; padding:0px; padding-bottom:6px; padding-right:6px; padding-left:9px; border-bottom-width:2px; border-bottom-style:solid;}

.menu-all-wrap .menu-all-head ul{display:block;}

.menu-all-wrap .menu-all-sub{padding:10px; margin:0px;}

.menu-all-wrap .menu-all-head a{display:block; cursor:pointer;}

.menu-all-wrap .sub-off a{font-weight:normal; font-size:13px;}





.main_product_table .lg-row td{
  position: relative;
  text-align: center;
  vertical-align: middle;
  border:1px solid #e2e2e2;
  box-sizing: border-box;
}

.main_product_table .lg-row td .price{
  color:#1b69b4;
  margin-left:10px;
}

.main_product_table .lg-row td section{
  margin:0px;
  padding:0px;
  border:1px solid;
  border-color:white white #e2e2e2 white;
  box-sizing: border-box;
  transition: 0.3s;
  height:201px;
  position:relative;
}

.main_product_table .lg-row td section:hover{
  /*border:1px solid #d1d1d1;*/
}
.main_product_table .lg-row td h3{
  white-space:nowrap;
  overflow:hidden;
  font-weight:bold;transform:skew(-0.001deg);
  font-size:19px;
  text-overflow:ellipsis;
  text-align: center;
  margin:0;
}

.main_product_table .lg-row td .prolist{

	padding:5px;
}
.best_over1, .best_over2{
	height:403px;
}
.best_over1:hover .bestimg1{
	
	transition-duration : 0.2s; transform : scale(1.05); overflow:hidden;

}
.best_over2:hover .bestimg2{
	
	transition-duration : 0.2s; transform : scale(1.05); overflow:hidden;

}
.main_product_table .lg-row td section:hover img{

	 transition-duration : 0.2s; transform : scale(1.05); overflow:hidden;

}

.main_product_table .lg-row td h4{
  white-space:nowrap;
  overflow:hidden;
  font-weight:bold;transform:skew(-0.001deg);
  font-size:14px;
  text-overflow:ellipsis;
  text-align: center;
}
.main_product_table .lg-row td p{
  white-space:nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
}

.register_txt{

overflow:auto;width:100%;height:250px;border:1px solid #d7d6d6;background-color:#FFFFFF;margin-bottom:25px;-webkit-overflow-scrolling:touch;

}

.register-term{

	padding:10px 15px;

}

.register-term div,h3,p,li{ font-size:14px;}



.intromain{background:url('../images/intro/introbg.jpg') no-repeat 0 0;  width:100%; height:940px; margin:0 auto; padding:0;}
.intromain .row{margin:0;}
#introwrap{width:1200px; height:760px; margin:0 auto; text-align:center; display:table-cell; vertical-align: middle;}
#introwrap>div{display:inline-block;}
#introwrap ul{width:1200px; padding:0;}
#introwrap ul li{float:left; padding:129px 60px;margin-left:1px;display:block;}
#introwrap ul li.koreamedix{width:399px; height:600px; background:#1e2d40; opacity:0.5; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }
#introwrap ul li.naraeshop{width:399px; height:600px; background:#1e2d40; opacity:0.5; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }
#introwrap ul li.CSO{width:399px; height:600px; background:#1e2d40; opacity:0.5; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }
#introwrap ul li.koreamedix:hover{width:399px; height:600px; background:url('../images/intro/bg1.png') no-repeat 0 0; opacity:1;}
#introwrap ul li.naraeshop:hover{width:399px; height:600px; background:url('../images/intro/bg2.png') no-repeat 0 0;opacity:1; }
#introwrap ul li.CSO:hover{width:399px; height:600px; background:url('../images/intro/bg3.png') no-repeat 0 0;opacity:1; }
#introwrap ul li .span{display:block; }
#introwrap ul li h4{margin:0 auto; padding:45px 0;}
#introwrap ul li.koreamedix h4{width:134px;}
#introwrap ul li.naraeshop h4{width:81px;}
#introwrap ul li.CSO h4 {width:192px; }
#introwrap ul li.koreamedix h4 a{width:134px; height:31px; display:block; background:url('../images/intro/koreamedix.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#introwrap ul li.naraeshop h4 a{width:81px; height:31px; display:block; background:url('../images/intro/naraeshop.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#introwrap ul li.CSO h4 a{width:192px; height:31px; display:block; background:url('../images/intro/CSO.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#introwrap ul li span.txt{color:white; opacity:0.5;}
#introwrap ul li span.btn{width:180px; height:32px; border-radius:3px; border:1px solid white; margin-top:45px; padding:5px;}
#introwrap ul li span.btn a{font-size:14px; color:#fff; display:block;}
#introwrap ul li:hover span.btn{background:#fff;}
#introwrap ul li:hover span.btn a{color:#313131; font-weight:bold;transform:skew(-0.001deg);}
.intromain .footer{width:320px; margin: 0 auto; }

#introwrap_mobile{display:none;}
#introwrap_mobile ul{padding-top:60px;}
#introwrap_mobile ul li img{width:15%;}
#introwrap_mobile ul li.koreamedix{width:330px; height:185px; background:#1e2d40; padding-top:30px; margin-bottom:30px; opacity:0.5; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }
#introwrap_mobile ul li.naraeshop{width:330px; height:185px; background:#1e2d40;  padding-top:30px; margin-bottom:30px; opacity:0.5; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }
#introwrap_mobile ul li.CSO{width:330px; height:185px; background:#1e2d40;  padding-top:30px; margin-bottom:30px; opacity:0.5; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }
#introwrap_mobile ul li.koreamedix:hover{width:330px; height:185px; background:url('../images/intro/bg1.png') no-repeat 0 0; opacity:1;}
#introwrap_mobile ul li.naraeshop:hover{width:330px; height:185px; background:url('../images/intro/bg2.png') no-repeat 0 0;opacity:1; }
#introwrap_mobile ul li.CSO:hover{width:330px; height:185px; background:url('../images/intro/bg3.png') no-repeat 0 0;opacity:1; }
#introwrap_mobile ul li .span{display:block; }
#introwrap_mobile ul li h4{margin:0 auto; padding:20px 0;}
#introwrap_mobile ul li.koreamedix h4{width:134px;}
#introwrap_mobile ul li.naraeshop h4{width:81px;}
#introwrap_mobile ul li.CSO h4 {width:192px; }
#introwrap_mobile ul li.koreamedix h4 a{width:134px; height:31px; display:block; background:url('../images/intro/koreamedix.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#introwrap_mobile ul li.naraeshop h4 a{width:81px; height:31px; display:block; background:url('../images/intro/naraeshop.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#introwrap_mobile ul li.CSO h4 a{width:192px; height:31px; display:block; background:url('../images/intro/CSO.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#introwrap_mobile ul li span.txt{display:none;}
#introwrap_mobile ul li span.btn{display:none;}
#introwrap_mobile ul li span.btn a{font-size:14px; color:#fff; display:block;}
#introwrap_mobile ul li:hover span.btn{background:#fff;}
#introwrap_mobile ul li:hover span.btn a{color:#313131; font-weight:bold;transform:skew(-0.001deg);}
.intromain .footer{width:320px; margin: 0 auto; }

#srchFlag{
	border: 1px solid #cfcdce; padding-left:5px; width:18.5%; margin-left:10px;
}
#srchWord{
	border: 1px solid #cfcdce; padding-left:5px; width:52.6%;
}
@media screen and (max-width: 768px) {
  #introwrap{
   display:none;
  }

  #introwrap_mobile{
   display:table-cell; overflow:hidden;
  }

  .intromain{background:url('../images/intro/introbg.jpg') no-repeat 0 0;  width:50%; height:940px; margin:0 auto; padding:0;}
	#dateRange{width:100%;padding:0 !important;}
	#dateRange .button-wrapper{width:100%;}
	#srchFlag{padding-left:0;margin-left:0;width:100px;}
	#srchWord{width:100%;}
	div.date-range-picker > .input-wrapper input{width:80px;}
	
}
@media screen and (max-width: 1170px) {
	.list-foot .list-btn{position:relative;}
}

.completebg{display:block; width:375px; margin:0 auto;}
.complete{padding:0; margin:0 auto 5em; width:368px; float:none!important; padding-top:30px;}
.complete .btn{width:368px;}



.main_product_table .lg-row td section{position:relative;}
.main_product_table .lg-row td section .hover{display:none;}
.main_product_table .lg-row td section:hover .hover,
.main_product_table .lg-row td section.over .hover{top:121px; height:78px; width:100%; display:block; background:rgba(0,0,0,0.7); position:absolute; z-index:100;}
.main_product_table .lg-row td section:hover .hover .ho_price,
.main_product_table .lg-row td section.over .hover .ho_price{color:#fff; font-size:17px; padding-top:10px; display:inline-block; height:32px; margin-bottom:0; overflow:hidden; width:140px;}
.list_pro_hover{ margin:0 auto; width:60px;height:24px;padding-left:0;}
.list_pro_hover li{float:left; padding-right:14px;}
.list_pro_hover li.right{padding-right:0;}

.checkbox{width:22px; height:22px;position:absolute; z-index:100; top:-5px; left:7px; }
.checkbox a{width:22px; height:22px; display:block; background:url('../images/common/checkbox_off.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
.checkbox a.active{width:22px; height:22px;display:block; background:url('../images/common/checkbox_on.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
.recicon2{width:48px; height:18px;position:absolute; z-index:100; top:-13px; left:81px; }
.recicon2 a{width:48px; height:18px; display:block; background:url('../images/common/recicon.gif') no-repeat 0 0; text-indent:-9999px; overflow:hidden;}


.linked{width:32%; float:left; border:1px solid #dedede; padding:12px 0 10px 0; margin-right:11px; margin-bottom:15px; border-radius:5px;}
.linked > a{
	display:block;padding-right:0.5em;
}
.linked p{margin:0;}
.linked p.noCon{height:60px;line-height:55px;}
.linked div.imgwrap{width:60px; height:60px; line-height:60px;float:left; margin:0 20px;}
.liked_title{color:#070707; font-size:15px; font-weight:bold;transform:skew(-0.001deg); padding-top:4px;}
.liked_suv{color:#1a68b3;}

.tbox-head{padding:12px 0px 8px; margin:0px 0px 15px; font-weight:bold;transform:skew(-0.001deg); border-bottom:1px dotted #606060; background:#fff;}
.area-other-info .content-other-info .tbox-body table th{padding:0 20px;} 
.red, i.red{color:rgb(233.27.35);}
.item-explan p{margin-bottom:30px;}



.smart_editor2{width:774px;}
.showlistcnt li{list-style:inherit;}
.link{cursor:pointer;}
.link:hover{text-decoration:underline;color:rgba(31, 78, 121, 1);}
.list-row.title .view-dt{
	text-align:right;
}
@media screen and (max-width: 768px) {
	.fh5co-header {
		display: none;
	}
	.fh5co-nav {
		padding: 20px 0;
	}
	#logonForm{
		display:block;
	}
	#logonForm > span > label > button{width:100%;}

	.linked{
		width:100%;margin-right:0;
	}
	.area-product-info .area-info table th{
		padding-left:5px;
	}
	.area-product-info .area-info h3{
		text-align:center;
	}
	.list .table-responsive .table.header_left tbody th{
		padding-left:5px;padding-right:5px;
	}
	.mypage .lnb li a:hover img{display:none;}
	.list .table.grid tr>td:first-child{
		padding:0 10px;
	}
	.area-product-info .area-img{
		width:100%;height:auto;
	}
	.area-product-info .area-img .img-zoom{
		height:auto;
	}
	.area-product-info .area-img .img-zoom a{
		width:100%;height:auto;line-height:unset;
	}
	.register-term{
		margin-top:30px;
	}
	.page-content ol{
		padding-left:15px;
	}
	#policyWrapper > section{
		width:98%;
	}
	#policyWrapper > section > div:first-of-type{
		padding:0 20px 20px;
	}
	#joinForm{
		display:block;
	}
	#joinForm table th{
		padding-left:10px;
	}
	#joinForm #tx_addr{
		margin-left:20px !important;
  }
  .join-step{
    width:98% !important;
  }

	.table-responsive > .table > tbody > tr > td, 
	.table-responsive > .table > tbody > tr > th, 
	.table-responsive > .table > tfoot > tr > td, 
	.table-responsive > .table > tfoot > tr > th, 
	.table-responsive > .table > thead > tr > td, 
	.table-responsive > .table > thead > tr > th{
		white-space:unset;
	}
	.list-row.title{
		height:auto;
	}
	.list-row.title .visible-xs span{
		float:left;
	}
	.list-row.title .visible-xs span.col-lg-2{
		padding-left:8px;
	}
	.list{
		margin-top:0;
	}
	.list h2{
		padding-left:30px;
	}
	#fh5co-offcanvas a{
		color:#bbb;
	}
	.list-group.lnb{
		margin-bottom:20px;
	}
}
.area-adv{
  margin-bottom:3.5em;
}
.area-adv .adv-item div{
  height:200px;line-height:200px;text-align:center;
  background-color:#f1f1f1;
}
.area-adv .adv-item div img{vertical-align:middle;cursor:pointer;}
.bestTab{padding-left:0;margin-bottom:0;}
.bestTab li{float:left;display:block;height:40px;text-align:center;background-color:#f8f8f8;cursor:pointer;}
.bestTab li a{display:block;width:100%;height:40px;line-height:40px;-webkit-transition: 0s;  -o-transition: 0s;  transition: 0s;border-top:2px solid #f8f8f8;border-bottom:2px solid #0066b2;}
.bestTab li.active a{border:2px solid #0066b2;border-bottom:2px solid transparent;background-color:#fff;color:#000;-webkit-transition: 0.3s;  -o-transition: 0.3s;  transition: 0.3s;}
.bestTab li:hover a{font-weight:600;transform:skew(-0.001deg);letter-spacing:2px;-webkit-transition: 0.3s;  -o-transition: 0.3s;  transition: 0.3s;}
.bestTab.cnt1 li{width:100%;}
.bestTab.cnt2 li{width:50%;}
.bestTab.cnt3 li{width:33.3%;}
.bestTab.cnt4 li{width:25%;}
.bestTab.cnt5 li{width:20%;}

.area_product{margin-top:2em;}
.area_product .title{
  margin-bottom:30px;
  color:#999;font-size:14px;text-align:center;font-weight:700;transform:skew(-0.001deg);
}
.area_product .title span{
  display:block;margin-top:7px;color:#be131a;font-size:25px;
}
.product-list{margin-bottom:5.5em;padding:0;}
.product-list li{margin-bottom:3.5em;}
.product-list li a{
  position:relative;display:block;max-width:270px;margin:0 auto;
}
.product-list li a .product-img{
  position:relative;width:270px;height:270px;line-height:270px;overflow:hidden;
  text-align:center;
  border:1px solid #cfcfcf;
}
.product-list li a .product-img img{vertical-align:top;}

.product-list li a .product-img .product-img-hover{display:block;position:absolute;bottom:-10px;left:0;line-height:1em;opacity:0;-webkit-transition:all 0.3s ease;  -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.product-list li a .product-img .product-img-hover span{display:block;width:25px;height:25px;font-size:13px;}
.product-list li a:hover .product-img .product-img-hover span:hover{background:rgba(0,0,0,.4);}
.product-list li a:hover .product-img .product-img-hover span:hover:after{
  position:absolute;left:25px;width:60px;height:25px;line-height:25px;background:rgba(0,0,0,.3);color:#fff;
}
.product-list li a:hover .product-img .product-img-hover span.i-bag:hover:after{
  content:"장바구니";
}
.product-list li a:hover .product-img .product-img-hover span.i-wishlist:hover:after{
  content:"관심상품";
}
.product-list li a:hover .product-img .product-img-hover{bottom:0;-webkit-transition:all 0.3s ease;  -o-transition:all 0.3s ease;  transition:all 0.3s ease; z-index:5050;opacity:1;}
.product-list li .product-img span.i-flag{
  width: 40px; height: 42px;padding-top: 7px; right:11px;
  font-size: 12px;line-height:26px;
}
.product-list li .product-img span.i-flag:after{
  border-bottom: 7px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent;
}
.product-list li a .product-info{height:110px;margin-top:45px;}
.product-list li a .product-info span{display:block;font-weight:600;transform:skew(-0.001deg);}
.product-list li a .product-info .item-name{color:#000;}
.product-list li a .product-info .item-cons{height:20px;line-height:20px;color:#a5a5a5;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product-list li a .product-info .pre-price{color:#a5a5a5;text-decoration:line-through;font-size:13px;}
.product-list li a .product-info .curr-price{color:#464646;font-size:13px;}
.product-list li a .product-info hr{margin:10px 0;}
#quick{
  position:fixed;z-index:5050;right:0;top:210px;
}
#quick #btn-quick{
  position:absolute;display:block;top:176px;margin-left:-17px;padding:5px 3px 5px 5px;
  border:1px solid #ccc;border-right:0;background-color:#fff;
  cursor:pointer;
}
#quick #btn-quick:hover{background-color:#666;color:#fff;}
#quick ul{width:160px;height:373px;margin:0;padding-left:0;font-size:0;border:1px solid #eee;border-top:2px solid #0066b2;-webkit-transition:all 0.3s ease;  -o-transition:all 0.3s ease;  transition:all 0.3s ease; z-index:5050;opacity:1;overflow:hidden;}
#quick ul.close{width:0;}
#quick ul li{
  display:inline-block;width:79px;height:74px;white-space:nowrap;overflow:hidden;
  background:url('../../asset/images/common/quick.png') no-repeat -1px 0;border:1px solid #eee;
  text-indent:100%;
}
#quick ul li a{display:block;width:79px;height:74px;}
#quick ul li.q-wishlist{background-position:99% 0;}
#quick ul li.q-qna{background-position:-2px -74px;}
#quick ul li.q-best{background-position:99% -74px;}
#quick ul li.q-report{background-position:-2px -148px;}
#quick ul li.q-recomm{background-position:99% -148px;}
#quick ul li.q-event{background-position:-1px -222px;}
#quick ul li.q-hotitem{background-position:99% -222px;}
#quick ul li.q-bag{background-position:-1px -297px;}
#quick ul li.top{background-position:100% -297px;}
#quick ul li.q-list{background-position:-1px 100%;}

.container{padding-left:0;padding-right:0;}
span.i-flag{
  position:absolute;display:block;width: 60px; height: 42px; top:0;right:20px;padding-top: 15px; 
  background:url('../../asset/images/common/dc.png') no-repeat 0 0;background-size:cover;
  color: white; font-size: 14px; text-align: center; font-weight:bold;transform:skew(-0.001deg);
}
.area-bestProduct{
  margin-bottom:7em;padding-top:35px;
  border:1px solid #ddd;border-top:0;
}
.area-bestProduct .best-grid1{
  float:left;width:503px;padding-bottom:30px;
}
.area-bestProduct .best-grid1 .main-best-title{
  float:left;display:block;width:50px;height:30px;line-height:30px;margin-left:19px;
  border-top:1px solid #111;border-bottom:1px solid #111;
  color:#111;font-size:14px;font-weight:bold;transform:skew(-0.001deg);text-align:center;
}
.area-bestProduct .best-grid1 a{float:right;display:block;position:relative;max-width:400px;margin-right:15px;}
.area-bestProduct .best-grid1 .main-best-img{width:400px;height:400px;line-height:400px;border:1px solid #eee;text-align:center;overflow:hidden;}
.area-bestProduct .best-grid1 .main-best-info{position:absolute;width:400px;height:400px;left:0;top:0;opacity:0;z-index:5050; }
.area-bestProduct .best-grid1 .main-best-info .bg{position:absolute;width:100%;height:100%;opacity:0;background-color:#000;}
.area-bestProduct .best-grid1 a .main-best-info .main-best-text{
  position:absolute;width:280px;left:50%;top:50%;margin-top:-50px;margin-left:-140px;
  color:#fff;text-align:center;
}
.area-bestProduct .best-grid1 a .main-best-info .main-best-text span{
  display:block;color:#fff;
}
.area-bestProduct .best-grid1 a .main-best-info .main-best-text span.main-best-product-name{
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  padding-bottom:20px;margin-bottom:20px;
  border-bottom:1px solid #e8e8e8;
}
.area-bestProduct .best-grid1 a .main-best-info .main-best-text span.pre-price{
  text-decoration:line-through;color:#666;
}
.area-bestProduct .best-grid1 a:hover .main-best-info{-webkit-transition:all 0.3s;  -o-transition:all 0.3s;  transition:all 0.3s;opacity:1;}
.area-bestProduct .best-grid1 a:hover .main-best-info .bg{opacity:0.4;}
.area-bestProduct .best-grid1 span.i-flag{
  width: 60px; height: 60px;padding-top: 15px; 
  font-size: 14px;
}

.area-bestProduct .best-grid2{
  float:left;width:645px;
}
.area-bestProduct .best-grid2 .row{margin:0;padding-left:0;}
.area-bestProduct .best-grid2 li{position:relative;margin-bottom:30px;}

.area-bestProduct .best-grid2 a{position:relative;display:block;max-width:185px;margin:0 auto;}
.area-bestProduct .best-grid2 .best-img{width:185px;height:185px;line-height:185px;border:1px solid #eee;text-align:center;overflow:hidden;}
.area-bestProduct .best-grid2 .best-info{position:absolute;width:185px;height:185px;left:0;top:0;opacity:0; }
.area-bestProduct .best-grid2 .best-info .bg{position:absolute;width:100%;height:100%;opacity:0;background-color:#000;}
.area-bestProduct .best-grid2 a .best-info .best-text{
  position:absolute;width:130px;left:50%;top:50%;margin-top:-32px;margin-left:-65px;
  color:#fff;text-align:center;
}
.area-bestProduct .best-grid2 a .best-info .best-text span{
  display:block;
}
.area-bestProduct .best-grid2 a .best-info .best-text span.best-product-name{
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  padding-bottom:10px;margin-bottom:10px;
  border-bottom:1px solid #e8e8e8;
}
.area-bestProduct .best-grid2 a .best-info .best-text span.pre-price{
  text-decoration:line-through;color:#666;
}
.area-bestProduct .best-grid2 a:hover .best-info{-webkit-transition:all 0.3s;  -o-transition:all 0.3s;  transition:all 0.3s;z-index:5050;opacity:1;}
.area-bestProduct .best-grid2 a:hover .best-info .bg{opacity:0.4;}
.area-bestProduct .best-grid2 span.i-flag{
  width: 34px; height: 34px;padding-top: 7px; right:11px;
  font-size: 11px;
}
.footer .footer-section{height:190px;border-right:1px solid #eee;}
.footer p{color:#333;font-size:13px;font-weight:400;}
.footer p strong{color:#aaa;}
.footer .title{color:#222;font-weight:bold;transform:skew(-0.001deg);}
.footer .line{width:15px;border-top:1px solid #555;height:0;margin:15px 0;}
@media screen and (max-width: 1199px) {
  .area-bestProduct .best-grid2{width:460px;}
}
@media screen and (max-width: 768px) {
  .fh5co-nav .menu-1, .fh5co-nav .menu-2 {
    display: none;
  }
  .fh5co-nav .menu-1, .mainmenu {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer-section{
    border-right:0;
    margin-left:8.333%;
  }
  #wrap-logon .container.logon #logonTopImage img{
    margin-left:0;margin-bottom:2em;
  }
  .announce-msg{
    padding:0 20px;
  }
  .area-adv .adv-item div{
    height:auto;line-height:unset;text-align:center;
    background:none;
  }
  .area-bestProduct .best-grid1{
    width:auto;
  }
  .area-bestProduct .best-grid1 .main-best-title{
    float:none;
  }
  .area-bestProduct .best-grid1 a{
    float:none;margin:20px auto 0;
  }
  .area-bestProduct .best-grid2{
    width:auto;
  }
  .notice_grid{
    height:auto;padding-top:20px;
  }
  .fh5co-nav.search{
    padding:20px 0;
  }
  .fh5co-nav .fh5co-logo.medicomurs{
    width:200px;margin-left:20px;
  }
  .area-product-info .area-info table tfoot{
    position:relative;
  }
  .area-product-info .area-info table tbody td.area-qty a#btn_increase{top:8px;}
  .area-product-info .area-info table tbody td.area-qty a#btn_decrease{top:22px;}
  
}

@media screen and (min-width: 768px) {
  .footer .bank-announce{
    margin-left:35px;
  }
  .footer .company-info{
    border-right:0;
  }
}
@media screen and (max-width: 991px) {
  .area-bestProduct .best-grid1{
    float:none;margin:0 auto;
  }
  .area-bestProduct .best-grid2{
    float:none;margin:20px auto 0;
  }
  .fh5co-nav .area-search{
    width:330px;
  }
  .fh5co-nav .menu-2 .area_search .input-group{
    width:235px;
  }
  .fh5co-nav .menu-2 .area_search .input-group input{
    width:80%;
  }
  .fh5co-nav .fh5co-logo.medicomurs{
    width:220px;
  }
  .line-bottom{
    width:295px !important;margin-left:17px;
  }
}
@media screen and (min-width: 992px) {
  .footer .customer-center{
    margin-left:35px;
  }
  .footer .company-info{
    border-right:1px solid #eee;
  }
  .area-bestProduct .best-grid2 li._item4,
  .area-bestProduct .best-grid2 li._item5,
  .area-bestProduct .best-grid2 li._item4,
  .area-bestProduct .best-grid2 li._item5{
    display:none;
  }
}

@media screen and (min-width: 1200px) {
.area-bestProduct .best-grid2 li._item4,
  .area-bestProduct .best-grid2 li._item5,
  .area-bestProduct .best-grid2 li._item4,
  .area-bestProduct .best-grid2 li._item5{
    display:block;
  }
}
.ui-widget{
  font-size:13px;line-height:1.2em;top:109px !important;
  font-family:"NanumSquare";
}
.ui-widget-content{border:1px solid #0066b2;}
.ui-widget td{font-size:13px;}
.ui-menu .ui-menu-item{line-height:1.5em;}
.line-bottom{
  position:absolute;width:390px;height:0;margin-top:-1px;border-bottom:1px solid #0066d2;
}
.carousel-control.left,
.carousel-control.right{background:none;}

.area-order-summary{
  background-color:#e7faf8;border-top:2px solid #0066b2;border-bottom:1px solid #e8e8e8;
  color:#333;font-size:15px;font-weight:bold;transform:skew(-0.001deg);
}
.area-order-summary .order-summary{
  float:left;width:64.6%;padding:2em ‭2.564%;
  background-color:#f7fbfa;border-right:1px solid #e8e8e8;
}
.area-order-summary .order-summary .order-summ-info{
  line-height:37px;
  border-bottom:1px solid #e8e8e8;
}
.area-order-summary .order-summary .order-summ-info div{
  float:left;width:50%;padding:30px 0;
}
.area-order-summary .order-summary .order-summ-info div .icon{
  display:block;position:absolute;width:30px;height:30px;line-height:30px;margin-top:-15px;top:50%;right:-16px;z-index:5050;
  border:1px solid #e8e8e8;background-color:#fff;border-radius:50%;
  font-size:32px;text-align:center;
}
.area-order-summary .order-summary .order-summ-info div.ord{
  position:relative;padding-left:30px;
  border-right:1px solid #e8e8e8;
}
.area-order-summary .order-summary .order-summ-info div.ord .pri{
  float:right;margin-right:57px;
  font-size:22px;
}
.area-order-summary .order-summary .order-summ-info div.dc{
  position:relative;padding-left:45px;
}
.area-order-summary .order-summary .order-summ-info div.dc .pri{
  float:right;margin-right:14%;
  font-size:22px;
}
.area-order-summary .order-summary .order-summ-info div.dc .announce{
  position:absolute;
  font-size:12px;color:#f06464;line-height:1.2em;
}
.area-order-summary .order-summary .order-summ-detail{
  font-weight:normal;
}
.area-order-summary .order-summary .order-summ-detail >div{float:left;}
.area-order-summary .order-summary .order-summ-detail .ord{
  width:50%;padding:15px 0 15px 30px;
}
.area-order-summary .order-summary .order-summ-detail .ord ul{
  padding:0;margin:0;
}
.area-order-summary .order-summary .order-summ-detail .ord li .pri{
  float:right;margin-right:57px;
}
.area-order-summary .order-summary .order-summ-detail .dc{
  width:50%;padding:15px 0 15px 45px;
  font-size:14px;color:#666;
}
.area-order-summary .order-summary .order-summ-detail .dc .pri{
  float:right;margin-right:47px;
}
.area-order-summary .order-final{
  float:right;width:35.4%;padding:30px 0 30px 50px;line-height:37px;
}
.area-order-summary .order-final div .pri{
  float:right;margin-right:3em;white-space:nowrap;
  color:red;font-size:25px;
}
.pay-announce{
  padding:10px;
  font-size:13px;
}
.area-pay-method{
  padding:15px 30px;
  border-bottom:1px solid #e8e8e8;
  font-size:14px;color:#333;
}
.area-pay-method > span{
  position:absolute;/* line-height:43px; */margin-right:40px;
}
.area-pay-method ul{margin-left:50px;margin-bottom:0;}
.area-pay-method li{
  display:block;height:20px;
}
.area-pay-method li label{font-weight:300;vertical-align:top;}
.area-ord-btn{margin-top:10px;}
.logon-wrapper button.member{
  border-radius:5px;
}
.logon-wrapper button.member.blue{border-color:#0073a9;}
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active{border:0;background:none;background-color:#e8e8e8;}
@media screen and (min-width: 1200px) {
  .container.logon{
    width:970px;
  }
}
#wrap-logon{
  padding-bottom:125px;
  background:url('/asset/images/main/logon_bg.jpg') no-repeat 50% 50% fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
}
#wrap-logon .fh5co-header{border:0;}
#wrap-logon .container.logon{
  margin-top:100px;overflow:hidden;
  background-color:#fff;border:1px solid #fff;border-radius:10px;
}
#wrap-logon .container.logon #logonTopImage{
  margin:30px 0 0;
  background:none;
}
#wrap-logon .container #logonTopImage img{
  width:450px;margin-left:40px;
}
#wrap-logon .container.logon .logon-wrapper{
  margin-top:-27px;margin-bottom:40px;
}
#wrap-logon .container.logon .logon-wrapper #joinLink span.ann{
  margin-top:55px;
}
#wrap-logon .container.logon .logon-wrapper #joinLink span.ann span{
  margin-top:57px;
}
#wrap-preview{
  position:absolute;margin-top:-501px;margin-left:520px;
}
#wrap-preview.active{
  border:1px solid #e8e8e8;
}
#preview{
  position:relative;width:500px;height:501px;overflow:hidden;
  
}
#preview.active{
  border:1px solid #e8e8e8;
}
#preview img{
  max-width:1000px;max-height:1000px;
}

#area-venPrice{
  margin-top:15px;padding-bottom:15px;
  font-size:12px;
  border-bottom:1px solid #e0e0e0;
}
#area-venPrice ul{padding-left:28px;}
#area-venPrice span{
  display:inline-block;
}
#area-venPrice .qty{
  width:152px;
  color:#0066b2;font-weight:bold;transform:skew(-0.001deg);
}
#area-venPrice .cost{
  width:155px;margin-left:60px;
  text-align:left;color:#000;
}
#area-venPrice .cost span{color:#828282;}
#wrap-logon .logon{position:relative;}
#wrap-logon .logon #gnb{
  position:absolute;right:10px;top:2px;float:none;
}
#wrap-logon .logon #gnb li{
  display:inline-block;
  font-size:12px;
}
#wrap-logon .logon #gnb li:not(.last):after{
  content:"|";display:inline-block;margin-left:10px;margin-right:10px;
}
.join-step{
  width:58%;margin:0 auto 20px;padding:20px;
  border:1px solid #d8d7d7;
}
.join-step ul{
  margin-bottom:0;padding-left:0;
}
.join-step ul span{
  display:block;width:100%;
  border-bottom:3px solid #c1c1c1;
}
.join-step ul p{
  margin-bottom:0;
  font-weight:bold;transform:skew(-0.001deg);word-break:keep-all;
}
.join-step ul li.active{
  color:#0064bc;
}
.join-step ul li.active span{
  border-color:#0064bc;
}
#policyWrapper{
  margin-bottom:70px;
}
#policyWrapper .area-ven-num{
  text-align:center;
}
#policyWrapper .area-ven-num label{
  display:inline-block;
}
#policyWrapper .area-ven-num input{
  height:36px;line-height:36px;
  border:1px solid #d8d7d7;
  text-align:center;vertical-align:top;
}
#policyWrapper .area-ven-num button{
  display:block;width:237px;margin:7px auto 0;
}
#joinForm tr td .dropdown a{
  display:block;
}
#joinForm tr td .dropdown a+ul{
  margin-top:-10px;margin-left:7px;
}

.announce-msg{
  margin-top:20px;
}
#policyWrapper > section > div.area-btn button{
  margin-bottom:0;
}

.announce-msg p{font-size:13px;color:#666;line-height:1.2em;word-break:keep-all;}
#joinForm input[readonly]{background-color:#fafaf9;}
.mobile-main-category{
  margin-top:10px;margin-bottom:20px;padding-top:0;
  border-top:1px solid #e0e0e0;
}
.mobile-main-category > ul{padding-left:0;}
.mobile-main-category > ul.cnt2 > li{width:50%;}
.mobile-main-category > ul.cnt3 > li{width:33.3%;}
.mobile-main-category > ul.cnt4 > li{width:50%;}
.mobile-main-category > ul.cnt5 > li{width:33.3%;}
.mobile-main-category > ul.cnt6 > li{width:33.3%;}
.mobile-main-category > ul.cnt7 > li{width:33.3%;}
.mobile-main-category > ul > li {
  display: inline-block;margin:0;padding:10px 20px;white-space:nowrap;
  list-style: none;
  border-bottom:1px solid #e0e0e0;
}
.mobile-main-category > ul > li a{
  color:#000;font-weight:bold;
}
@media screen and (max-width: 767px) {
  .area-order-summary .order-summary{width:100%;  }
  .area-order-summary .order-summary .order-summ-info div.ord{ padding-left:15px;}
  .area-order-summary .order-summary .order-summ-info div.ord .pri{ margin-right:17px;min-width:110px;text-align:right;}
  .area-order-summary .order-summary .order-summ-info div.dc{ padding-left:25px;}
  .area-order-summary .order-summary .order-summ-info div.dc .icon{display:none;}
  .area-order-summary .order-summary .order-summ-info div.dc .pri{margin-right:7px;min-width:100px;text-align:right;}
  .area-order-summary .order-summary .order-summ-detail .ord{padding-left:10px;}
  .area-order-summary .order-summary .order-summ-detail .ord li .pri{margin-right:17px;}
  .area-order-summary .order-summary .order-summ-detail .dc{padding-left:15px;}
  .area-order-summary .order-summary .order-summ-detail .dc >ul{padding-left:0;}
  .area-order-summary .order-summary .order-summ-detail .dc .pri{margin-right:17px;}
  .area-order-summary .order-final{ width:100%; border-top:1px solid #e8e8e8;}
  .area-order-summary .order-final div .pri{margin-right:30px;}
  #joinForm .phoneinput input{width:57px;padding-left:0;}
}
.notice{font-weight:bold;transform:skew(-0.001deg);}
.joinFlag{
  position:relative;width:237px;margin:10px auto 0;
}
.joinFlag span{
  float:left;display:block;width:50%;
  border:1px solid #c0c0c0;
  cursor:pointer;
}
.joinFlag span:hover{font-weight:bold;}
#joinFlag_H{border-right:0;}
.joinFlag span.active{
  background-color:#666;color:#fff;
}