@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,select{margin:0;padding:0}
fieldset{border:0}
img{border:0;}

table caption{display:none}
table{border-collapse:collapse}
em{font-style:normal}
h1,h2,h3{font-family:nanumgothic}

body,input,textarea,select,button{background:#f1f1f4;font-family:"나눔고딕",nanumgothic,'굴림',gulim,sans-serif;color:#555}
body{overflow:auto;width:100%;height:100%;font-size:13px}

A:link{text-decoration:none;color:#000}
A:hover{text-decoration:none;color:#272c3a}
A:visited{text-decoration:none;color:#000}
A:active{text-decoration:none;color:#000}

#header nav{
    margin-top: 40px;
    position: absolute;
    right: 0;
    width: 145px;
	z-index: 99;
  }      
  #header .gnb{
  display:none;
  position:absolute;
  top:70%;
  background:#fff;
  padding-left:10px;
  padding-right:12px;	  
  float: left;
  width: 85%;
  }      
  #header .gnb li{
/*border-bottom:1px solid #303f9f;*/
  list-style-type: none;
  }      
  #header .gnb li a{
  display:block;
  padding:7px 0;
  font-size:16px;
  color:#000;    
  text-decoration:none;  
  font-family: 'nanum Gothic';
  font-weight: bold;
  }      
  #header .menu-toggle-btn{
  float:right;
  width:20px;
  margin-top:20px;
  margin-right: 15px;
  cursor:pointer;
  }      
  #header .menu-toggle-btn span{
  display:block;
  width:100%;
  height:3px;
  background:#ffff99;
  }      
  #header .menu-toggle-btn span:nth-child(2){
  margin:5px 0;
  }

.header{background:#f1f1f4}
.mWrap{width:100%;height:100%;display: inline;}
.t_hid{width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* logo,search */
.t_me{position:relative;width:96%;text-align:center;margin:0 auto;padding:7px 2% 5px;overflow:hidden;background:#ca3d46}
.cart{position:absolute;top:3px;left:1%;width:56px;height:30px}
.my{position:absolute;top:35px;left:1%;width:56px;height:30px}
.login{position:absolute;top:20px;right:2%;width:56px;height:30px}
.logo{margin:7px 0 0 0}
.search{position:relative;padding:5px 37px 7px 2%}
.search span{display:block;width:auto;background:#fff;width:100%;position:relative;height:28px;border:1px solid #a3a3b0;box-shadow:0 1px 3px #fff}
.search span input{border:0;padding:0}
.search_txt{width:90%;height:24px;line-height:24px;margin:2px 0 0 5px;color:#333;background:#fff;}
.search_btn{position:absolute;right:2%;top:2px;width:22px;height:22px;background:url(./img/btn_search.gif) no-repeat}
.cate{position:absolute;top:5px;right:2%;width:32px;height:30px}

.menu_area {width:100%; padding-left:0px; padding-right:0px; background:#ba0419;}
.menu_area ul {list-style:none; padding:0; margin:0 auto;}
.menu_area ul li {display:inline; float:left;}
.menu_off {margin:0 auto; width:14%; height:31px; padding-top:0px; text-align:center;}
.btn_off {margin:0 auto; width:50px; height:31px; padding-top:0px; text-align:center;}

.menu_on {margin:0 auto; width:14%; height:31px; padding-top:0px;text-align:center;}
.btn_on {width:50px; height:31px; text-align:center;}
.menuv_bg2 {float:left; width:100%; height:31px; text-align:center; background-color:#ffffff;}

.menu{overflow:hidden;height:48px;background:url(./img/me_line.gif) repeat-x}
.menu li{float:left;width:14%;height:44px;text-align:center}
/*.menu li a{display:block;border-right:1px solid #a6aab7;width:99.8%;font-size:11px;letter-spacing:-1px;color:#7a7d87;text-shadow:0 1px 1px #fff;padding:10px 0;line-height:24px;font-weight:bold}*/
.menu li a{display:block;border-right:1px solid #a6aab7;width:99.8%;font-size:11px;letter-spacing:-1px;color:#7a7d87;text-shadow:0 1px 1px #fff;padding:11px 0;height:22px;font-weight:bold}
.menu li.on{background:#0f9ba0}
.menu li.on a{color:#fff;text-shadow:none}
.menu li:first-child a{letter-spacing:0px;}
.menu li:last-child a{border:0}

.meCate{width:100%;float:left;overflow:hidden;background:url(./img/me_line.gif) repeat-x 0 -44px;padding:4px 0 0 0}
.meCate li{position:relative;background:#34393f}
.meCate li a{display:block;height:33px;padding:12px 0 0 15px;border-top:1px solid #4a5057;border-bottom:1px solid #202429;font-size:14px;color:#ccc;line-height:19px;text-shadow:0 -1px 1px #000}
.ico_cate{position:absolute;top:15px;right:15px;background:url(./img/ico_arrow.png) no-repeat 0 -34px;width:10px;height:16px}

/*  Main */
.mBan img{text-align:center;width:100%;height:auto}
.md_cont{position:relative;width:96%;margin:10px auto 0 auto}
.md_cont ul{overflow:hidden;width:100%;margin:0 auto;height:200px;border:1px solid #bfbfbf;background:#fff}
.md_cont li{float:left;height:185px;width:49.8%;padding:15px 0 0 0;text-align:center}
.md_cont li:first-child{border-right:1px solid #bfbfbf}
.md_cont li span{display:block;overflow:hidden;font-weight:bold}
.ban_tit{ margin:6px 0 0 0;padding:0 5%}
.ban_prc{font-size:16px;color:#13a465}
.best{overflow:hidden;display:block;background:url(./img/i_best.png) no-repeat;position:absolute;top:8px;left:-5px;z-index:5;color:#fff;font-size:12px;width:48px;height:14px;padding:4px 0 10px 0;text-align:center}

.item{border-top:1px solid #bfbfbf;/*box-shadow:0 1px 1px #fff;border-bottom:1px solid #bfbfbf;box-shadow:0 1px 1px #fff;*/padding:10px 0 0 0;margin:10px 0}
h3.sTit{padding:8px 0 10px 2%;font-size:16px;letter-spacing:-1px;color:#333}
.best_ct ul,.item ul{width:96%;overflow:hidden;margin:0 auto}
.item li{float:left;border:1px solid #bfbfbf;background:#fff;height:285px;width:48.4%;margin:0 0 10px 0}
.best_ct li:first-child,.item li:first-child{margin-right:2% !important}
.item li a{display:block;height:198px;border-bottom:1px solid #bfbfbf;padding:10px 0 0 0;text-align:center}
.best_ct span,.item li span{ display:block;overflow:hidden;font-size:14px;padding:0 0 0 10px}
.item_tit{margin:12px 5% 5px 0;line-height:14px;color:#414142}
.item_prc{color:#fd4542;font-weight:bold}

.cs{box-shadow:0 1px 1px #fff;border-bottom:1px solid #bfbfbf;box-shadow:0 1px 1px #fff;padding:0 0 10px 0;margin:0 0 10px 0}
.notice ul,.cs ul{width:96%;overflow:hidden;margin:0 auto;background:#fff;border:1px solid #bfbfbf}
.cs li{ float:left;width:33.3%;height:66px;text-align:center;list-style: none}
.cs li span,.cs li a{display:inline-block;height:41px;width:99%;padding:25px 0 0 0;line-height:13px;color:#888;font-weight:bold;border-left:1px solid #bfbfbf}
li.first a{border-left:none}
li.btm{border-bottom:1px solid #bfbfbf}

.notice{margin:0 0 20px 0}
.notice li{border-top:1px solid #bfbfbf;padding:0 0 0 14px}
.notice li:first-child{border-top:none}
.notice li a{display:inline-block;position:relative;width:100%;padding:15px 0;line-height:16px;color:#666}
.notice li span{display:block;margin:0 0 4px 0;font-size:12px;line-height:13px;color:#999}
.notice li em{display:block;width:90%;font-size:14px}
.ico_arrow{position:absolute;top:23px;right:15px;background:url(./img/ico_arrow.png) no-repeat;width:10px;height:16px}
.radius5{border-radius:5px}
.fm{color:#1bb271 !important}
.fmb{color:#fe4f4f !important}
.f15{font-size:15px;letter-spacing:-1px}

/* footer */
.footer{width:100%;overflow:hidden;height:240px;padding:0 0 20px 0;background:#34393f}
.foot_me{overflow:hidden;border:1px solid #2c3137;border-width:1px 0}
.foot_me li{float:left;width:33.1%;height:40px;text-align:center;border-left:1px solid #2c3137}
.foot_me li:first-child{border-left:none}
.foot_me li a{display:block;width:100%;height:28px;padding:12px 0 0 0;color:#b0b2b8;font-weight:bold;text-shadow:0 1px 1px #2c3137}
.foot_me li.top a{color:#fffc00}
.top a span{margin:0 10px 0 0}
.ico_top{display:inline-block;width:9px;height:7px;background:url(./img/ico_top.png) no-repeat}

.agree{padding:20px 0 0 0;height:18px;text-align:center}
.agree li{position:relative;display:inline-block;padding:0 10px;background:url(./img/foot_line.gif) no-repeat left}
.agree li a{color:#b0b2b8;font-weight:bold}
.agree li:first-child{background:none}
.agree li:first-child a{color:#8f9095;font-weight:normal}

.fCopy{width:100%;padding:18px 0;font-size:11px;line-height:16px;text-align:center;color:#8f9095}

.app{width:100%;height:36px;text-align:center}
.app a{display:inline-block;width:36px;height:36px;margin:0 20px 0 0;background:url(./img/foot_ico.png) no-repeat}
.app a span{font-size:0;line-height:0;text-indent:-9999px}
.app a.face{background-position:0 -52px}
.app a.kakao{background-position:0 -104px;margin-right:0}