/* 칼라
상하단 - #36363F
글자 - 검정 #36363F / 흰색 #B5B7B9
흰바탕 - #F9F9F9
*/

/* ===== 웹폰트  ===== */

@font-face {font-family:AsiaGD12R; 
src:url('/font/AsiaGD12R.eot');   
src:url('/font/AsiaGD12R.eot?#iefix') format('embedded-opentype'), 
url('/font/AsiaGD12R.woff') format('woff'),
url('/font/AsiaGD12R.ttf') format('truetype');
}

@font-face {font-family:AsiaGD16R; 
src:url('/font/AsiaGD16R.eot');   
src:url('/font/AsiaGD16R.eot?#iefix') format('embedded-opentype'), 
url('/font/AsiaGD16R.woff') format('woff'),
url('/font/AsiaGD16R.ttf') format('truetype');
}

@font-face {font-family:AsiaBRSGR; 
src:url('/font/AsiaBRSGR.eot');   
src:url('/font/AsiaBRSGR.eot?#iefix') format('embedded-opentype'), 
url('/font/AsiaBRSGR.woff') format('woff'),
url('/font/AsiaBRSGR.ttf') format('truetype');
}

@font-face {font-family:AsiaSAMPLE; 
src:url('/font/AsiaSAMPLE.eot');   
src:url('/font/AsiaSAMPLE.eot?#iefix') format('embedded-opentype'), 
url('/font/AsiaSAMPLE.woff') format('woff'),
url('/font/AsiaSAMPLE.ttf') format('truetype');
}

.gd20 { font-family:AsiaGD12R; font-size:20px; }
.gd22 { font-family:AsiaGD16R; font-size:22px; }
.gd24 { font-family:AsiaGD16R; font-size:24px; }
.gd26 { font-family:AsiaGD16R; font-size:26px; }

.gd20_w { font-family:AsiaGD12R; color:#B5B7B9; font-size:20px; }
.gd22_w { font-family:AsiaGD16R; color:#B5B7B9; font-size:22px; }
.gd24_w { font-family:AsiaGD16R; color:#B5B7B9; font-size:24px; }
.gd26_w { font-family:AsiaGD16R; color:#B5B7B9; font-size:26px; }

.hd24 { font-family:AsiaBRSGR; font-size:24px; }
.hd24_w { font-family:AsiaBRSGR; color:#B5B7B9; font-size:24px; }

/* ===== 기본 ===== */

body, html {
  margin:0px;
  padding:0px;
  background:#F9F9F9 url(http://www.asiafont.com/asfont/skin/mall/img/back1.gif) repeat-x;
}

body, td, p {
  font-family:AsiaGD12R;
  font-size:20px;
  line-height:160%;
}

a { color:#36363F; text-decoration:none; }
a:hover { color:#67686E; }

/* =====상단===== */

#container {
  position:absolute;
  width:100%;
  height:100%;
  height:auto !important;
  min-height:100%;
} 

#home a { font-size:40px; color:#67686E; }
#home a:hover { color:#B5B7B9; }
*html #home a { padding:0px 0px 0px 20px; }

#logo a   { font-size:45px; color:#67686E; }
#logo a:hover { color:#B5B7B9; }
*html #logo a { line-height:96%; }

#menu ul { list-style:none; margin:-10px 0px 0px 40px;} /* margin:-10px 은 모바일에서 높이문제로 */
#menu ul li { display:inline; }
#menu ul li a { font-family:AsiaBRSGR; font-size:70px; color:#B5B7B9; line-height:200%; } /* line-height:200%; 모바일에서 높이문제로 */
#menu ul li a:hover { color:#E4E5E3; }
*html #menu ul { margin:-14px 0px 0px 70px; }

.shadow {
  text-shadow: -0px 0px hsla(0,0%,0%,0.2), 0px -0px hsla(0,0%,100%,0.03333), -0.5px 0.5px hsla(0,0%,0%,0.2), 0.5px -0.5px hsla(0,0%,100%,0.03333), -1px 1px hsla(0,0%,0%,0.2), 1px -1px hsla(0,0%,100%,0.03333), -1.5px 1.5px hsla(0,0%,0%,0.2), 1.5px -1.5px hsla(0,0%,100%,0.03333), -2px 2px hsla(0,0%,0%,0.2), 2px -2px hsla(0,0%,100%,0.03333), 0px 0px 40px hsla(0,0%,100%,0.1);
}

/* =====중앙===== */

#center {
  width:900px;
  max-width:900px;
  background:#F9F9F9;
}
*html #center { top:0px; padding:0px 0px 20px 0px;}

/* ===== 하단 ===== */

#space { padding-bottom:180px; }
*html #space { padding-bottom:20px; }

#footer {
  position:absolute;
  width:100%;
  height:140px;
  bottom:0px;
  background:#F9F9F9 url(http://www.asiafont.com/asfont/skin/mall/img/back2.gif) repeat-x;
}
*html #footer { position:relative; }

#copy1 {
  font-size:16px;
  color:#B5B7B9;
  line-height:180%;
}
*html #copy1 { left:-60px; }

#copy2 {
  font-size:16px;
  line-height:180%;
}
 #copy2 a { color:#B5B7B9; }
 #copy2 a:hover { color:#E4E5E3; }
*html #copy2 { left:680px; }

/* ===== 위로 가기 아이콘 ===== */

#topbt {
  display:scroll; 
  position:fixed; 
  font-size:50px;
  bottom:55px;
  right:30px;
  opacity:0.9;
}
*html #topbt { 
  position:relative;
  display:none; 
 }

/* ===== 가로선 ===== */

.hr {
  height:1px;
  border:none;
  color:#B5B7B9;
  background-color:#B5B7B9;
}

/* ===== a 버튼 ===== */

.button {
  margin:0px auto;
  display:block;
  height:44px;
  line-height:44px;
  background-color:#36363F;
  padding:4px;
  color:#B5B7B9;
  text-align:center;
}

.button:hover {
  color:#B5B7B9;
  margin-top:3px;
 }

.button:active {
  border:1px solid #36363F;
 }

/* ===== input 버튼 ===== */

.input {
  margin:0px auto;
  height:50px;
  border-width:1px;
  border:1px solid #B5B7B9;
  padding:14px;
  font-family:AsiaGD12R;
  font-size:20px;
  box-sizing:border-box;
}

/* ===== submit 버튼 ===== */

.submit input {
  height:50px;
  background:#36363F;
  border-color:transparent;
  color:#B5B7B9;
  cursor:pointer;
  font-family:AsiaGD12R;
  font-size:20px;
}

.submit input:hover {
  margin-top:3px;
}

.submit input:active {
  border:1px solid #36363F;
}

/* ===== select 버튼 ===== */

.select {
  margin:0px auto;
  display:block;
  height:50px;
  border:1px solid #B5B7B9;
  border-style:solid;
  padding:10px;
  outline:0;
  font-family:AsiaGD12R;
  font-size:20px;
  box-sizing:border-box;
 }

/* ===== file 버튼 ===== */

.file {
  margin:0px auto;
  display:block;
  height:50px;
  font-family:AsiaGD12R;
  font-size:20px;
 }

/* ===== textarea 버튼 ===== */

.textarea {
  margin:0px auto;
  display:block;
  height:50px;
  border:1px solid #B5B7B9;
  border-style:solid;
  padding:10px;
  outline:0;
  font-family:AsiaGD12R;
  font-size:20px;
  line-height:160%;
   box-sizing:border-box;
 }

/* ===== 제품 목록 ===== */

.shop_list {
  width:100%;
  font-family:AsiaBRSGR;
  font-size:30px;
  color:#36363F;
  text-align:left;
  padding:10px 0px 5px 5px;
 }

.shop_exp {
  width:100%;
  color:#36363F;
  text-align:left;
  padding:0 5;
 }

/* ===== 서브 메뉴 ===== */

#slide {
  list-style:none outside none;
  overflow:hidden; 
}

#slide-pager {
  clear:both;
  list-style:none;
  overflow:hidden;
  margin:0px auto;
  padding:0px;
}

#slide-pager li {
  float:left;
}

#slide-pager li a{
  font-family:AsiaGD16R;
  font-size:26px;
  color:#67686E;
  display:inline-block;
}

#slide-pager li a.usl-current{
  font-family:AsiaBRSGR;
  font-size:28px;
  color:#67686E;
  margin-top:-1;
}

#slide-main {
  height:100%;
  height:auto !important;
  letter-spacing:0px;
}

/* ===== radio checkbox 크게 ===== */

input[type=radio] {
  -ms-transform:scale(2);
  -moz-transform:scale(2);
  -webkit-transform:scale(2);
  -o-transform:scale(2);
}

input[type=checkbox] {
  -ms-transform:scale(2);
  -moz-transform:scale(2);
  -webkit-transform:scale(2);
  -o-transform:scale(2);
}