@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* ±âº» ½ºÅ¸ÀÏ ¼öÁ¤ */
body {font-family: 'Noto Sans KR',sans-serif;}
a {color:#333;}
a:focus, a:hover {color:#000; text-decoration:none;}

/* ·¹À̾ƿô ½ºÅ¸ÀÏ */
.header {height:60px; padding:0 10px; overflow:auto;}
.header .logo  {float:left;}
.header .logo img {height:28px; margin-top:16px;}
.header .btn_icon {float:right;}
.header .btn_icon img {height:28px; margin:16px 8px 0 0;}

.category_menu {margin-bottom:20px;}
.category_menu>.row {border-top:1px solid #ccc; border-left:1px solid #ccc;}
.category_menu>.row>div {text-align:center; padding:0;}
.category_menu>.row>div>a {display:block; padding:15px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; color:#666; background-color:#ededed;}
.category_menu>.row>div>a.on {color:#fff; background-color:#d93636;}

.product_list>.row>div {height:220px; text-align:center; padding:0; line-height:21px;}
.product_list>.row>div>a>img {height:140px; border:1px solid #dbdbdb; margin-bottom:6px;}
.product_list>.row>div>strong {color:#ed1c24;}

.sub_title {margin-top:0; margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #e5e5e5;}

.footer {margin-top:30px; padding:15px 0; color:#ebebeb; font-size:12px; line-height:18px; text-align:center; background-color:#808080;}


#search_wrap {height:60px; padding:14px 60px 0 10px; border-bottom:1px solid #cccccc; background-color:#f7f7f7;}
.top_search {position:relative; height:32px; border:1px solid #aaaaaa; background-color:#ffffff;}
.search_input {position:absolute; top:4px; left:4px; width:84%;}
.search_input input {border:none; width:100%; height:22px; font-size:1em;}
.search_btn {position:absolute; top:2px; right:4px;}
.search_btn img {display:block; height:26px;}
.search_close {position:absolute; top:14px; right:10px; width:44px; height:32px; line-height:30px; text-align:center; color:#ffffff; font-weight:500; background-color:#707070;}


.amn{position:absolute;overflow-y:auto; z-index:1000;  background:#fff; width:305px; left:-305px; display:none;
-webkit-overflow-scrolling: touch;
overflow:scroll;
overflow-x:hidden;
overflow-y:auto;
}
.amn.view{left:0; display:block;}

.amn .mntop1{position:relative; height:46px; line-height:46px; padding:0 15px; border-bottom:1px solid #e1e1e1; font-size:18px; color:#000;}
.amn .mntop1 .close1{position:absolute; right:0; top:0;}
.amn .menubox1{padding:10px;}
.amn .menubox1 ul.md2{padding-left: 0; margin-bottom: 0; list-style: none;}
.amn .menubox1 ul.md2 li {font-size:14px; line-height:30px;}
.amn .menubox1 ul.md2 li a {color:#555; display:block;}

.amn2{position:absolute;overflow-y:auto; z-index:1000;  background:#fff; width:305px; right:-305px; display:none;
-webkit-overflow-scrolling: touch;
overflow:scroll;
overflow-x:hidden;
overflow-y:auto;
}
.amn2.view{right:0; display:block;}

.amn2 .mntop2{position:relative; height:46px; line-height:46px; padding:0 15px; border-bottom:1px solid #e1e1e1; font-size:18px; color:#000;}
.amn2 .mntop2 .close1{position:absolute; right:0; top:0;}
.amn2 .menubox2{padding:10px;}
.amn2 .menubox2 ul.md2{padding-left: 0; margin-bottom: 0; list-style: none;}
.amn2 .menubox2 ul.md2 li {font-size:14px; line-height:30px;}
.amn2 .menubox2 ul.md2 li a {color:#555; display:block;}

.dobox{position:absolute; top:0; left:0; width:100%; height:100%; display:block;  background:#000; z-index:100; filter:alpha(opacity=70); background-color:rgb(0, 0, 0); opacity: 0.7; display:none;}