@charset "euc-kr";
/*CSS Document*/
/* reset css */
body{margin:0; padding:0; background-color:#fff}
html{overflow-y:scroll}
body, table, th, td, input, select, textarea, div{
	font-family:"µ¸¿ò",'Dotum',Helvetica,AppleGothic,Sans-serif;
	color:#333333;
	font-size:15px;
}
select{font-size:11px}
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0}
img, fieldset{border:0 none}
img{vertical-align:baseline}
ol, ul, li{list-style:none;}
table{border-spacing:0; border-collapse:collapse; border:0 none}
h1,h2,h3,h4,h5,h6{font-size:100%}
input, textarea {
/*
  -webkit-appearance: none;
  -webkit-border-radius: 0;
*/
}

input[type="text"],input[type="password"],input[type="email"],input[type="search"],input[type="tel"],[type="image"],input[type="button"],input[type="submit"],textarea{-webkit-appearance:none;-webkit-border-radius:0;}

input{border:0 none;}
textarea{border:1px solid #e6e6e6; width:95%; font-size:12px;}

hr{border-width:1px 0 0 0; border-style:solid; border-color:#e6e6e6; height:1px}

button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer}
button::-moz-focus-inner{border:0; padding:0}
label{cursor:pointer}

a:link{color:#333333; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none}
a:visited{color:#333333; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none}
a:hover{color:#333333; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none}
a:active{color:#333333; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none}

/* input */
.input_style{border:1px solid #d9d9d9; height:18px; font-size:12px;}
.login_input{padding:3px; border:2px solid #d5d5d5; width:95%}
.input_block{border:1px solid #9a9a9a; background:#bbbbbb; font-size:12px;}
.post_input{padding:3px; border:2px solid #d5d5d5; width:95%; height:20px}

/* btn ¾îµÎ¿î ȸ»ö */
/* ·Î±×ÀÎ ¹öÆ° */
.btn_login{background:url(../img/sub/btn_login.gif) left top no-repeat; width:66px; height:63px; text-align:center; color:#ffffff; font-weight:bold;}
/* °¡·Î 38px : ¿ìÆí¹øȣã±â °Ë»ö */
.btn_postsearch{background:url(../img/sub/btn_postsearch.gif) left top no-repeat; width:38px; height:30px; text-align:center; line-height:30px; color:#ffffff;}
/* °¡·Î81px */
.btn_black_small{width:81px; height:32px; background:url(../img/sub/btn_ok.gif) top center no-repeat; line-height:32px; text-align:center; color:#ffffff; font-weight:bold;}
.btn_guide{background:url(../img/sub/btn_guide.gif) left top no-repeat; width:81px; height:32px; line-height:32px; text-align:center; color:#ffffff; font-weight:bold; font-size:12px;}
/* °¡·Î 122px */
.btn_privacy{background:url(../img/sub/btn_privacy.gif) left top no-repeat; width:122px; height:32px; line-height:32px; text-align:center; color:#ffffff; font-weight:bold; font-size:12px;}
/* °¡·Î 100% */
.btn_order{background:url(../img/sub/btn_gray_bg.gif) left top repeat-x; width:100%; height:32px; text-align:center; color:#ffffff; box-sizing:border-box; border:1px solid #dbdbdb; border-radius:3px !important;}

/* ¹àÀºÈ¸»ö */
/* °¡·Î ÀÚÀ¯ */
.btn_gray_small{background:url(../img/sub/btn_gray_small.gif) left top repeat-x; border:1px solid #888888; font-size:11px; line-height:20px; height:20px; text-align:center; color:#ffffff;}

/* Èò»ö */
/* °¡·Î 81px */
.btn_white_small{width:81px; height:32px; background:url(../img/sub/btn_cancel.gif) top center no-repeat; line-height:32px; text-align:center; color:#787878; font-weight:bold;}
/* °¡·Î ÀÚÀ¯ ÀÛÀº¹öÆ°*/
.btn_small{background:url(../img/sub/btn_white_bg.gif) left top repeat-x; font-size:11px; height:20px; border:1px solid #b8b8b8}
/* °¡·Î ÀÚÀ¯ */
.btn_etc{background:url(../img/sub/btn_white_big.gif) left top repeat-x; width:100%; height:32px; text-align:center; color:#787878; border:0 none; box-sizing:border-box; border:1px solid #dbdbdb; border-radius:3px !important;}

/* ÁÖȲ»ö */
/* ȸ¿ø°¡ÀÔ */
.btn_join{background:url(../img/sub/btn_join.gif) left top no-repeat; width:108px; height:30px; line-height:30px; text-align:center; color:#ffffff; font-weight:bold;}


.btn_grat_big{background:url(../img/sub/btn_gray_bg.gif) left top repeat-x; width:100%; height:32px; text-align:center; color:#ffffff;}



/* select */
.select_post select{width:100%; height:30px; padding:5px 0; line-height:30px; font-size:15px}

/* header */
#header{position:relative; height:55px}
.logo{position:absolute; left:10px; top:13px}
.gnb{position:absolute; right:10px; top:12px}
.gnb ul{text-align:right}
.gnb li{float:left;}
.gnb li:after{content:" "; display:block; clear:both; height:0; visibility:hidden}
.gnb li{_height:1%} /* IE6 */
*:first-child+html .gnb li{height:1%} /* IE7 */

/* Search */
#search{height:25px; width:94%; margin:0 auto}

/* main */
.main_title{height:30px; background:url(../img/main/title_bg.gif) left top repeat-x;}

.main_item{}
.main_item div{width:33.335%; float:left}
.main_item div img{width:100%;}
.main_item:after{content:" "; display:block; clear:both; height:0; visibility:hidden}
.main_item{_height:1%} /* IE6 */
*:first-child+html .main_item{height:1%} /* IE7 */

/* footer */
#footer{background:#e6e6e6; text-align:center; padding-bottom:10px; margin-top:20px; font-size:11px}
#footer small{color:#999999; font-size:11px; padding-top:10px;}
.footer_menu{padding-top:15px; text-align:center}
.footer_menu img{margin-left:2px; margin-right:2px;}

/* subtitle */
.sub_title{background:#e4e4e4; height:30px}
.sub_title small{font-size:10px}

/* catelist */
.cate_list{width:96%; margin-left:2%;}
.cate_list ul{width:100%;}
.cate_list li{width:100%; background:url(../img/sub/point.gif) 15px 12px no-repeat; line-height:30px; border-bottom:1px solid #e5e5e5; padding-left:24px; position:relative;}
.cate_list li div{position:absolute; right:15px; top:10px}

/* selece */
.select_style{position:relative; height:60px;}
.select_style select{position:absolute; right:10px; top:20px; font-size:13x}

/* prdlist */
.prd_list{ width:96%; margin:0 auto; border-top:1px solid #e6e6e6; }
.prd_list ul{width:100%;}
.prd_list li{padding-top:10px; padding-bottom:10px; /*border-bottom:1px solid #e6e6e6;*/ width:48%; margin:0 1%;}
.prd_tit{font-size:14px}
.prd_list_option_tit{color:#999999; font-size:10px; width:20%;}
.prd_price{color:#ff7917; font-size:18px; font-weight:bold;}
.prd_list_option_con{font-size:11px}

.prd_list li .prdListWrap{width:100%; border:1px solid #e6e6e6;}
.prd_list li .prdListWrap .prdListImg{width:100%; height:300px; overflow:hidden;}
.prd_list li .prdListWrap .prdListImg img{width:100%;}
.prd_list li .prdListWrap .prdListSub{width:100%; height:100px; overflow:hidden; margin-top:15px; text-align:center; font-size:14px;}
.prd_list li .prdListWrap .prdListSub .price{}
.prd_list li .prdListWrap .prdListSub .brand{width:100%; display:inline-block;}
.prd_list li .prdListWrap .prdListSub .prdName{width:100%; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prd_list li .prdListWrap .prdListSub .brand{width:100%; display:inline-block; height:15px; padding-top:2px; padding-bottom:2px;}


@media screen and (max-width:640px){
	.prd_list li .prdListWrap .prdListImg{height:250px;}
	/*.prd_list li .prdListWrap .prdListSub{height:120px;}*/
}

@media screen and (max-width:480px){
	.prd_list li .prdListWrap .prdListImg{height:150px;}
	/*.prd_list li .prdListWrap .prdListSub{height:120px;}*/
}

/* prd view */
.prd_view{width:95%; margin:0 auto; padding-top:20px}
.prd_view_tab{padding-top:20px; width:96%; margin-left:2%; float:left;}
.prd_view_tab th{width:50%; background:#757575; height:35px;font-size:12px; color:#ffffff;}
.prd_view_tab td{width:50%; text-align:center; font-size:12px; background:#e2e2e2; color:#787878}
.prd_view_tab th a{color:#ffffff; display:inline-block; width:100%;}
.prd_view_tab td a{color:#787878;  display:inline-block; width:100%;}

.prd_view_tab .prdViewTab{width:100%; float:left; padding-bottom:20px;}
.prd_view_tab .prdViewTab li{width:50%; float:left; background:#f1f1f1; line-height:40px; font-size:16px; color:#292929; text-align:center; cursor:pointer;}
.prd_view_tab .prdViewTab li.on{background:#292929; color:#f8f8f8;}

.prd_view_tab .prdViewCont{width:100%; float:left; display:none;}
.prd_view_tab .prdViewOn{display:block;}

.prd_view .prdViewImg{width:100%; float:left; padding-bottom:20px;}
.prd_view .prdImgMore{width:100%; float:left; padding-bottom:20px; text-align:center;}

.prd_view_tit{width:100%;  float:left; box-sizing:border-box; padding:20px 2%; background:#f8f8f8; margin-bottom:20px;}
.prd_view_tit .prd_tit{font-weight:600; padding-bottom:20px; text-align:center;}
.prd_view_tit .prdViewSns{width:100%; text-align:center;}




.more_view{background:#ff6a19; /*border-bottom:1px solid #cdcdcd;*/ color:#fff; text-align:center; line-height:40px; font-size:14px; width:90%; margin-left:5%;}
.more_view a{color:#fff; display:inline-block; width:100%;}

.detailPrd{width:100%;}

.prd_view_info{width:96%; margin:20px 2%;}

/* button */
.btn{padding-top:10px; height:32px}
.btnBottom{position:fixed; bottom:0; width:100%; padding:10px; box-sizing:border-box; background:#000000; left:0; z-index:999999;}

.prd_info{padding:10px;}
.prd_info hr{margin:10px 0; padding:0; width:100%; height:0; border-width:1px 0 0; border-style:solid; border-color:#ddd;}

.View_info_option{margin:0 0 10px;}
.View_info_option select{width:100%; height:28px; line-height:28px; font-size:12px; padding-left:5px; color:#333; background:#fff; border:1px solid #bbb;}
.View_info_option-qty{border-bottom:1px solid #ddd; padding:10px; background:#f9f9f9;}
.View_info_option-qty p{font-size:12px; color:#333; line-height:1.4; margin:0 0 5px;}
.View_info_option-qty .price{font-size:15px; font-weight:bold; color:#222; font-family:Helvetica;}
.View_info_option-qty .btn_x{width:24px; height:24px; background:url(../img/sub/btn_x.png) 50% 50% no-repeat #fff; background-size:12px auto; border:1px solid #ddd;}
	/* ¼ö·® */
.qty-btn{font-size:0; white-space:nowrap;}
.qty-btn, .qty-btn *{vertical-align:middle; font-family:Arial;}
.qty-btn button{width:24px; height:24px; line-height:22px; text-align:center; font-size:14px; background:#fff; border:1px solid #ddd; cursor:pointer;}
.qty-btn input{width:38px; height:22px; line-height:22px; text-align:center; font-size:14px; color:#444; background:#fff; border-width:1px 0; border-style:solid; border-color:#ddd;}

.gray_box{background:#f1f1f1; margin-top:10px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:10px 15px;}
.graybox{background:#f1f1f1; border:1px solid #e6e6e6; padding:10px; font-size:11px;}
.total_price{margin:15px 10px 5px 10px; background:#ff6a19; color:#ffffff; text-align:center; padding:10px 0; font-weight:bold; display:none;}
.total_price b{font-size:20px;}
.btn{margin-left:10px; margin-right:10px}

/* page_no */
.page_no{margin-top:10px; text-align:center;}
.page_no td{color:#787878}
.page_no b{color:#333333;}
.page_no img{padding-left:1px; padding-right:1px}

/* view_review */
.prdReview{padding:30px 10px 10px 10px; box-sizing:border-box;}
.review_info{color:#787878; font-size:12px; line-height:150%;}
.review_title{font-size:12px; line-height:150%;}
.review_con{font-size:12px; background:#ececec; padding:10px;}

/* list */
.gray_list{width:100%; padding:15px 0 30px;}
.gray_list ul{width:100%;}
.gray_list li{font-size:12px; color:#787878; line-height:130%; padding-left:8px; background:url(../img/sub/point.gif) 0px 5px no-repeat; width:100%;}


/* join */
.join_input_table{border-top:1px solid #e6e6e6;}
.join_input_table th, .join_input_table td{border-bottom:1px solid #e6e6e6; padding:8px 4px;}
.join_input_table th {background:#f1f1f1; text-align:center; font-weight:normal; font-size:12px; width:20%}
.join_input_table td {text-align:left; font-size:12px;}
.join_input_table td td{border:0 none; padding:0}

/* table */
.table_normal th, .table_normal td{padding:2px; text-align:left; font-weight:normal; font-size:11px;}
.table_normal th{color:#999999; width:20%;}
.table_normal td{font-size:11px;}

/* top */
.mobile_top_wrap { height:35px; background:#0f3e60; position:relative; padding:5px 10px 0; display:inline-block; width:70%; margin-bottom:30px;}
.mobile_logo { position:absolute; left:10px; top:0; }
.mobile_gnb { width:163px; overflow:hidden; height:35px; position:absolute; right:10px; top:0; }
.mobile_gnb li { float:left; }
.mobile_search { border:1px solid #e9e9e9; width:100%; margin:0 auto; }


/* Mobile Main »óÇ°¸®½ºÆ®  --------------------------------------------------*/
#M_shoplist { padding:0 10px 0; margin-top:15px;  z-index:9999;}
#M_shoplist ul { overflow:hidden; }
#M_shoplist li { float:left; width:33.3%; margin-bottom:5px; }
#M_shoplist li a { display:block; }
#M_shoplist div { padding:5px 5px 0;  text-align:center; }
#M_shoplist p { border:1px solid #ddd; padding:5px; margin-bottom:5px; background:#fff; }
#M_shoplist p img { width:100%; min-width:40px; min-height:40px; }
#M_shoplist span { font-size:12px; letter-spacing:-1px; }
#M_shoplist strong { font-size:12px; letter-spacing:-1px; font-weight:normal; display:block; }

.dtmTBWrap{width:100%;  float:left; padding:0 3%;}

.goTopBtn{width:40px; height:40px; position:fixed; bottom:60px; right:10px; z-index:999999;}
.goTopBtn .btnGoTop{display:inline-block; width:100%; height:100%; background:#292929; color:#ffffff; box-shadow:0px 0px 5px #dbdbdb; box-sizing:border-box; border:1px solid #f1f1f1; line-height:40px; font-size:12px; text-align:center; font-weight:600; border-radius:100%;}