@charset "utf-8";
  @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

  *{margin:0; padding:0; color:#3E3E3E;}
  
  body {margin:0px; overflow-x:hidden; font-family:"Nanum Gothic", "돋움", dotum, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:9pt; line-height:150%;}
  div {margin:0px; -webkit-text-size-adjust:none; font-family:"Nanum Gothic", "돋움", dotum, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:9pt;}
  img {border: none;margin:0px;padding:0px;}
  input, select, textarea {font-family:"Nanum Gothic", "돋움", dotum, Helvetica, sans-serif;}
  ul {list-style:none; padding:0px; margin:0px;}
  li {padding:0px; float:left; margin:0px;}  
  p, li, dd, dt, option {font-family:"Nanum Gothic", "돋움", dotum, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:9pt; line-height:150%;}
  table {padding:0px; border-spacing:0px; border:0; border-collapse:collapse;}
  th, td {padding:0px; text-align:center;}
  a:link { color: #3E3E3E; text-decoration: none; cursor:pointer;}
  a:visited { color: #3E3E3E; text-decoration: none; cursor:pointer;}
  a:hover { color: #3E3E3E; text-decoration: none; cursor:pointer;}
  a:active { color: #3E3E3E; text-decoration: none; cursor:pointer;}
  

  #btn_s_top {position:fixed; left:100%; bottom:55px; margin-left:-43px; z-index:11;}
  #content {width:100%; min-height:150px;}
  #ct_wrap {padding:10px;}
  #div_loadding {position:relative; top:0px; left:0px;}
  #div_loadding_back  {display:none; position:fixed; top: 0px; left: 0px; background:#ffffff; opacity:0.7;filter:alpha(opacity=70); z-index:12;}
  #footer {width:100%; background:#f4f4f4; margin-top:20px; padding-bottom:70px; }
  #footer .f_btn {text-align:center;}
  #footer .info {width:100%; padding:15px 0px; text-align:center; margin:0;}
  #footer .info ul {text-align:left; padding:0 0 0 10px; margin:0;}
  #footer .info li {float:none;}
  #footer .copy {padding:0px 10px 10px 10px;  line-height:130%; font-size:0.9em;}
  #footer span.c_gray {color:#777; padding:0 4px 0 1px;  letter-spacing:-1px; }
  #footer .telc { color:#d15613; background:#f5f5f6; font-weight:bold;}
  #footer .telc a { color:#d15613;}
  #footer .bankc { background:#f5f5f6; font-weight:bold; }
  #footer .bankc .letternone { letter-spacing:2px; }
  
  
  
  #header {width:100%; height:70px; position:relative; clear:both;}
  #header .menu {position:absolute; top:7px; left:7px; }
  #header .menu a { color:#FFF;}
  #header .logo { margin:0 0 0 11px; padding-top:7px; font-weight:bold; font-size:18px;  font-family:Arial, Helvetica, sans-serif;}
  #header .login {position:absolute; top:12px; right:85px; border:1px solid #dbdcde; padding:3px 7px;  letter-spacing:-1px; font-size:11px;  }
  #header  a .login { color:#818181; font-weight:bold;  }
  #header .cart {position:absolute; top:12px; right:7px; border:1px solid #dbdcde; padding:3px 7px; letter-spacing:-1px;font-size:11px;  }
  #header  a .cart { color:#818181; font-weight:bold;   }
  #h_wrap {padding:0 10px;}
  #h_menu {float:right; text-align:right; margin:7px 0 0px 3px; height:40px;}
  #logo {position:absolute; left:10px; top:5px;}
  #searchBar {width:100%; height:48px;  border-top:1px solid #ff5050; border-bottom:1px solid #c20000; background:#e10f0f;}
  #div_bottom_menu {width:100%; height:42px; position:fixed; bottom:0; border-top:1px solid #2f364a; background:#444b5e; clear:both; z-index:3;}
  #menu {width:100%; height:33px; position:relative; border-top:1px solid #2f364a; border-bottom:1px solid #2f364a; background:#444b5e; clear:both;}
  #menu .bn {position:relative; float:left; padding-top:9px; font-size:1.1em; font-weight:bold; text-align:center; color:#FFF; height:24px; }
  
  .bn_bar {width:100%; height:24px; padding-top:10px; position:absolute; top:0px; background:#212635; z-index:0; font-weight:bold; color:#FFF; }
  .story {position:absolute; left:10px; top:49px; padding-top:2px;}
  .search_area  {margin:0px 53px 0px 0px;}
  .inputbox { border:1px solid #ececf3; font-size:1.0em; padding:2px; margin:7px 0 0 0; height:25px; width:100%; background:#ffffff;}
  .inputbox:focus { border:1px solid #c1c1dd; }
  .fixed_sub {width:100%; height:32px; position:relative; border-top:1px solid #8e929d;}
  .fixed_sub ul {width:100%; height:42px; position:absolute; top:-1px;}
  .fixed_sub li { height:52px; float:left; position:relative; text-align:center;}
  .fx_img { width:100%;  margin-left:2px;  color:#ffffff;  padding-top:7px; font-weight:bold; font-size:1.1em;}
  .fx_img a { color:#ffffff;}
  .fx_img img { vertical-align:middle;}
  .fx_line {width:2px; height:52px; position:absolute; top:0; right:0; z-index:2; float:left;}

  .btn_search {
    -moz-box-shadow:inset 0px 1px 0px 0px #e93d3d;
    -webkit-box-shadow:inset 0px 1px 0px 0px #e93d3d;
    box-shadow:inset 0px 1px 0px 0px #e93d3d;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d11c1b), color-stop(1, #b10600) );
    background:-moz-linear-gradient( center top, #d11c1b 5%, #b10600 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d11c1b', endColorstr='#b10600');
    background-color:#d11c1b;
    border:1px solid #730101;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #730101;
    display:inline-block;
    color:#fff !important;
    position:absolute;
    right:10px;
    font-family:"Nanum Gothic", "돋움", dotum, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    padding:7px 0 6px 0px;
    width:40px;
    margin:6px 0;
    text-align:center;
    text-decoration:none;
    text-shadow:-1px -1px 0px #850000;
  }
  .btn_search:hover {
    background-color:#bb0000;
    color:#fff;
  }
  
  .btn_gray {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background-color:#f4f4f4;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #999;
    display:inline-block;
    color:#333;
    font-family:"Nanum Gothic", "돋움", dotum, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    padding:7px 0;
    margin:7px 0;
    width:100%;
    text-align:center;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
  }
  .btn_gray:hover {
    background-color:#f4f4f4;
    color:#333;
  }
  .btn_gray:active {
    position:relative;
  }

  .btn_foot {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background-color:#ffffff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #999;
    display:inline-block;
    color:#333;
    font-family:"Nanum Gothic", "돋움", dotum, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    padding:5px 14px;
    margin:7px 0;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
  }
  .btn_foot:hover {
    background-color:#f4f4f4;
    color:#333;
  }
  .btn_foot:active {
	position:relative;
  }
  
  .btn_red{
    -moz-box-shadow:inset 0px 1px 0px 0px #e93d3d;
    -webkit-box-shadow:inset 0px 1px 0px 0px #e93d3d;
    box-shadow:inset 0px 1px 0px 0px #e93d3d;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d11c1b), color-stop(1, #b10600) );
    background:-moz-linear-gradient( center top, #d11c1b 5%, #b10600 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d11c1b', endColorstr='#b10600');
    background-color:#d11c1b;
    border:1px solid #730101;
    display:inline-block;
    color:#ffffff !important;
    font-family:"Nanum Gothic", "돋움", dotum, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    padding:10px 0;
    width:100%;
    text-align:center;
    text-decoration:none;
    text-shadow:-1px -1px 0px #730101;
  }
  .btn_red:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d11c1b), color-stop(1, #b10600) );
    background:-moz-linear-gradient( center top, #bb0000 5%, #d11c1b 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d11c1b', endColorstr='#b10600');
    background-color:#d11c1b;
    color:#ffffff;
  }
  .btn_red:active {
    position:relative;
  }
/* 정렬 */  
  .display_H {display:none;}
  .float_L {float:left;}
  .float_R {float:right;}
  .fl {float:left;}
  .fr {float:right;}
  .float_clear {clear:both; height:0px;}
  .align_L {text-align:left;}
  .align_R {text-align:right;}
  .align_C {text-align:center;}
  .spH5 {height:5px; font-size:0pt; clear:both;}
  .spH10 {height:10px; font-size:0pt; clear:both;}
  .spH15 {height:15px; font-size:0pt; clear:both;}
  .spH20 {height:20px; font-size:0pt; clear:both;}
  .spH75 {height:75px; font-size:0pt; clear:both;}
  .mR20 {margin-right:20px;} 
  img.mid { vertical-align:middle;} 
  .b { font-weight:bold;}
  .cb { clear:both;}
/* 테두리 */
  .bd_top { background:#6b727b; border-top:1px solid #565b62;  overflow:hidden; margin:0; padding:0; background:#6b727b; }
  .bd_top ul { background:#6b727b;}
  .bd_top li { padding:10px 0px; border-right:1px solid #565b62; background:#6b727b; text-align:center; color:#FFF; font-weight:bold; }
  
  .mobileDivDefault {padding:5px 0;}
  .productExplain {height:37px;background:url('http://image.hanflower.com/hanflower_mobile/mobile/bg_product_explain.png') repeat-x;position:relative;}
/* 텍스트 */
  .point_tel {color:#6a7380;}
  .input_text {border:1px solid #787f8c; font-size:10pt; padding:2px; height:23px; line-height:23px; background:#ffffff; width:100%;}
  .input_text:focus { border:1px solid #a40000;}
  .input_select {font-size:10pt; background:#ffffff; height:29px; line-height:23px;}
  .input_grayline { border:1px solid #aaaaaa; padding:3px 3px;}
  
/* 색상  */
 .color_gray { color:#adadad;}  
 .color_green { color:#3a8343;} 
 .color_red { color:#FF0000;}
 .color_black { color:#000;}
 .color_orange { color:#f8540c;}
 .bcolor_orange { font-weight:bold; color:#f8540c;}
 
 
 
/* 사이즈 */
 .small { font-size:9pt;} 
 
 
 .dumy_hide {display:none;}