﻿
.topNav{position:relative; margin:0 0 0px 0; padding:0; text-align:center;}
.topNav ul{margin:0; padding:0; background:url(../images/main/bg_topbar.png) no-repeat left top;}
.topNav ul li{float:left; border:none; display:inline-block; width:16%; background:url(../images/main/bg_topbar.png) no-repeat left top;}
.topNav ul li.category{display:inline-block; width:20%; background:url(../images/main/bg_topbar2.png) repeat-x left top;}
.topNav ul li a, .topNav ul li.category a{display:inline-block; width:100%; margin:0; padding:15px 0; color:#ffffff; font-weight:bold; font-size:12px;}
.topNav ul:after{content:""; display:block; clear:both;}

.categoryList{position:relative; display:inline-block; width:100%; padding:0; background:#e29510; z-index:200; display:none;}
.categoryList p.title{margin:0; padding:14px 0 5px 8px; text-align:left; font-family:Arial; font-weight:bold; font-size:1em; color:#000;}
.categoryList ul{margin:0 3px; padding-bottom:5px; border-bottom:1px solid #dbb808; background:none;}
.categoryList ul li{float:left; display:inline-block; width:35%; padding:3px 0; text-align:left; font-size:1em; background:none;}
.categoryList ul li a{display:inline-block; padding:3px 0 3px 8px; margin:0; color:#130012;}
.categoryList ul li:nth-of-type(3n+3){width:29%; color:#F00;} 
.categoryList ul.last{border:none;}
.categoryList ul{content:""; display:block; clear:both;}
.categoryList ul.col2 li {width:44%;}

.location{padding:12px 0 9px 15px; text-align:left; color:#f60; font-family:Arial; font-weight:bold; font-size:1.16em; border-bottom:1px solid #d9d9d9; background:url(../images/main/bg_free.png) repeat-x left top; }
.location a{color:#f60; text-decoration:underline;}

.freeShipping{text-align:center; border-bottom:1px solid #d9d9d9; background:url(../images/main/bg_free.png) repeat-x left top;line-height:30px}
.freeShipping span.txt1{font-family:Arial; font-size:1.0em; font-weight:bold; color:#454545;}

.contents{margin:0; padding:0;}
.contents h2{clear:both; margin:0 0 7px 12px; font-size:1.25em; font-weight:normal;}

.bannerWrap{position:relative; overflow:hidden; width:320px; margin:0 auto; height:180px;}
.bannerWrap ul{margin:0; padding:0; margin:0 auto;}
.bannerWrap ul li{float:left; display:inline-block;}
.bannerWrap ul li img{width:320px; height:180px; margin:0 auto;}
.bannerWrap ul li a{display:inline-block;}
.bannerWrap ul:after{content:""; display:block; clear:both;}

p.ballNav{text-align:center; margin:0; padding:10px 0 0 0; border-top:1px solid #d7d7d7;}
p.ballNav a span{display:inline-block; text-indent:-10000px;}
p.ballNav a{display:inline-block; width:10px; height:10px; padding:0; margin:0 2px; line-height:normal; background:url(../images/main/btn_visual_no_off.png) no-repeat; background-size:10px 10px;}
p.ballNav a.selected{display:inline-block; width:10px; height:10px; padding:0; margin:0 2px; line-height:normal; background:url(../images/main/btn_visual_no_on.png) no-repeat; background-size:10px 10px;}

.product h2{margin:27px 0 9px 18px;}
.product_contents{position:relative; height:174px; margin:0 13px 0 10px; padding-bottom:5px;}
.productList {position:absolute; width:100%; padding:0; color:#666;}
.productList ul {position:relative; overflow:hidden; height:176px; margin:0 auto; text-align:center;}
.productList ul li {position:relative; float:left; display:inline-block; width:101px; margin:0 auto; padding:0; text-align:center;}
.productList ul li a{position:relative; display:inline-block; color:#666; width:85px;}
.productList ul li img{width:85px; height:128px;}
.productList ul li p.title{margin:5px 0; text-align:left; overflow:hidden; white-space:nowrap;}
.productList ul li p.price{font-weight:bold; text-align:left; color:#3b3b3b;}
.productList:after, .productList ul:after, .product:after{content:""; display:block; clear:both; visibility:hidden; height:0;} 

.productList ul li a .rk_icon{position:absolute; left:0; top:0;}
.productList ul li a .rk_icon img{width:15px; height:19px;}
.productList ul li a .rk_icon.one img{width:15px; height:24px;}

.btn_prev{position:absolute; left:-5px; top:45px; }
.btn_next{position:absolute; right:-11px; top:45px;}
.btn_prev a, .btn_next a{display:inline-block; height:15px;}
.product_contents p.productMore{position:absolute; top:-21px; right:8px; padding:0; font-size:1em;}
.product_contents p.productMore a{color:#fb7520;}

.newsEvent{position:relative; margin:17px 0 0 0; padding:15px 15px 10px 18px; background:#e0e0e0;}
.newsEvent h2{margin:0; padding:0;}
.newsEvent p.txt a{display:inline-block; padding-top:7px; line-height:1.43em; color:#666;}
.newsEvent p.btnMore{position:absolute; top:10px; right:12px; font-size:1em; color:#fb7520;}
.newsEvent p.btnMore a{color:#fb7520;}
.iconBtnW{margin:0; padding:0;}
.iconImg{position:relative; display:block; width:65px; height:65px; vertical-align:middle; margin:0 auto;}
.iconBtnV2{margin:0; padding:0;}
.iconBtnV2 li{float:left; margin:0; width:20%; padding:0; text-align:center; background:url(../images/main/bg_icon.png) no-repeat right top; background-size:auto;}
.iconBtnV2 li a{display:inline-block; width:100%; padding:5px 0 2px;}
.iconImg{position:relative; display:block; width:65px; height:60px;padding-top:5px; vertical-align:middle; margin:0 auto;font-size:11px;letter-spacing:-1px;overflow:hidden}
.iconBtnV2:after{content:""; display:block; clear:both;}
.icon{display:block; width:100%;  background-size:auto 40px; margin:0 auto;background-repeat:no-repeat}
.iconBtnV3{margin:0; padding:0; border-top:1px solid #767676; border-bottom:1px solid #3c3c3c;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #636363), to( #4d4d4d)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #636363, #4d4d4d); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #636363, #4d4d4d); /* FF3.6 */
	background-image:     -ms-linear-gradient( #636363, #4d4d4d); /* IE10 */
	background-image:      -o-linear-gradient( #636363, #4d4d4d); /* Opera 11.10+ */
	background-image:         linear-gradient( #636363, #4d4d4d);
}
.iconBtnV3 a{float:left; display:inline-block; width:24%; margin:0; padding:11px 0 11px; text-align:center; vertical-align:middle; background:url(../images/main/icon_today_line.gif) repeat-y 0 0; background-size:1px 1px; font-weight:bold; color:#ffffff;}
.iconBtnV3 a:first-child{background:none;}
.iconBtnV3:after{content:""; display:block; clear:both;}

.searchForm{position:relative; text-align:center; display:block; padding:8px 60px 8px 0; background:#d6d6d6;}
.search{position:relative; display:block; padding:0 65px 0 15px; margin:0 7px; background:#fff; z-index:20;
	-webkit-border-radius:3em;
	   -moz-border-radius:3em;
	        border-radius:3em;
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.4);
	   -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.4);
	        box-shadow: inset 0px 1px 2px rgba(0,0,0,.4);
}
.search input{width:100%; margin:0; padding:8px 0; outline-style:none; font-size:1em; color:#666; border:none; background:none; vertical-align:top; -webkit-appearance:none;}
.search span.btn{position:absolute; top:7px; right:12px; display:block; cursor:pointer;}
.search span.btn a{display:inline-block; padding:0 2px 0 8px; border-left:1px solid #c4c4c4;}
.search span.btn a:first-child {border:none; padding:0 2px 0 2px;}
.search_result{padding:50px 0; text-align:center;}
.nation{position:absolute;top:15px;right:7px;padding:0 2px;background:#d6d6d6;z-index:20;font-size:11px;text-align:left}
.nation .default{padding-right:12px;background:url(../images/main/icon_arrow_b.gif) no-repeat right 8px;background-size:8px auto}
.nation ul{padding-left:3px;display:none}
.nation a{display:inline-block;color:#333;font-weight:bold}
.nation img{margin-bottom:8px;margin-right:3px;float:left}


/*footer*/
#footer.mgT{margin-top:25px;}
.sns{position:relative; margin:2px 10px 13px 10px; padding:0 0 10px 0; /*border-bottom:1px solid #444;*/}
.sns a{display:inline-block; margin:0 1px; width:14%; padding:0; text-align:left; vertical-align:top; text-align:center;}
.sns a.subscribe{display:inline-block; width:26%; margin:-2px 0 0 8px;}
.sns a.subscribe span{display:inline-block; padding:4px 0 0 0; font-size:0.85em; letter-spacing:-1px; line-height:1.16em; color:#d0d0d0;}
.sns a.topBtn{width:16%; font-family:Arial; font-weight:bold; color:#afafaf; text-align:right; }
.fotTxt{margin:0; padding:0; color:#fff;}
.fotTxt a{display:inline-block; width:30%; margin:0; padding:2px 0 1px 0; color:#fff; background:url(../images/main/bul_line1.gif) repeat-y left 2px;}
.fotTxt a:first-child{background:none;}
.tel{margin:13px 0 11px 0; padding:0; color:#6e6e6e;}
.tel a{color:#6e6e6e;}
.tel span.e_mail{display:inline-block; padding-left:10px;}
.cs{margin:0 0 8px 10px; text-align:center}
.cs a{display:inline-block; margin-right:4px; padding-right:7px; color:#b3b3b3; background:url(../images/main/bul_line2.gif) repeat-y right 0;}
.cs a:last-child{background:none;}
.copyright{padding:0; color:#434242; font-size:0.83em; font-family:Arial; text-align:center;}
.pcVersion{padding:5px 0 0 0;}
.pcVersion .txt{color:#7a7a7a;}
.pcVersion a{display:inline-block; margin-left:7px; padding:2px 12px; color:#434242; border:1px solid #434142;}
.mail a{display:inline-block; padding:0; color:#565656;}
.footer-info {width:100%; margin:13px auto; line-height:18px;}
.footer-info:after{content:""; display:block; clear:both;}
.footer-info li {float:left; font-size:0.85em; color:#6E6E6E;}
.oops {text-align:center; margin:20px 0 20px 0;}
.oops-txt {text-align:center; margin:0 0 20px 0;}

.wrap_opt{position:absolute;top:40%;left:50%;margin-top:-175px;margin-left:-250px}
.wrap_opt .btn_x{position:absolute;top:0;right:0;width:30px;height:30px;cursor:pointer;line-height:0;font-size:0;background:url(../images/main/closebtn.png) -5px repeat-x; background-color:White;}
.wrap_opt .field{position:absolute;top:245px;text-align:center;width:100%}
.wrap_opt .btn_go{position:absolute;top:116px;text-align:center;width:90%}
.wrap_opt .text{height:29px;line-height:28px;width:50%;border:2px solid #000;padding:0}
.wrap_opt .step2{position:relative}
.wrap_opt .big{margin-left:-140px}
.wrap_opt .big .btn_x{width:40px;height:40px}
.wrap_opt .big .field{top:370px;margin-left:30px;width:500px;}
.wrap_opt .big .text{width:50%}
.wrap_opt.sp{margin-top:-100px;margin-left:-160px}
.wrap_opt.sp .field{top:128px}
.wrap_opt.sp .big{margin-left:0}
.wrap_opt.sp .big .field{top:150px;margin-left:13px;width:205px;}
.wrap_opt.sp .big .text{width:50%;height:16px;line-height: 20px;}





/*???*/
.myButton_sur {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton_sur:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButton_sur:active {
	position:relative;
	top:1px;
}

.tlist{position:relative; margin-top:10px; text-align:center;}
.tlist ul{margin:0; padding:0;}
.tlist ul li{position:relative; display:inline-block; height:288px text-align:center; margin:5px; vertical-align:top; width:45%; padding-bottom:20px;}
.tlist ul li a{display:inline-block;}
.tlist ul li span{padding:1px 0;}
.tlist ul li span.img_s img{width:98%; border:1px solid #d8d8d8;}
.tlist ul li span.tag{padding:6px 0 0; color:#000; font-size:0.75em; font-weight:bold;}
.tlist ul li span.tag img{padding-top:2px; vertical-align:top;}
.tlist ul li span.title{width:100%; padding:2px 0; line-height:14px; overflow:hidden; font-weight:bold;}
.tlist ul li span.more_color{font-size:0.75em; text-align:left; color:#2b80b8;}
.tlist ul li span .u_price{padding:2px 0; margin-right:5px; text-decoration:line-through; color:#606060; font-size:1em !important;}
.tlist ul li span .price{padding-top:10px; color:#000; font-size:12px; line-height:14px; display:block; clear:both;}
.tlist ul li span .sale{color:#f60; font-size:15px;  clear:both;}
.tlist ul:after{content:""; display:block; clear:both;}

.tlist ul li span.checkbox{position:absolute; top:0; left:0;}
.tlist ul li span.checkbox input[type="checkbox"]{width:20px; height:20px;}
.tlist ul li span.soldOut{position:absolute; top:150px; right:3px;}

.productMore{position:relative; padding:0; margin:0; text-align:center;}
.productMoreV2{position:relative; padding:0; margin:20px 0 10px 0; text-align:center; border:1px solid #afafaf;}
a.moreBtn{display:inline-block; width:100%; padding:6px 0 4px 0; color:#333; line-height:1.33em; background:#fff;
	text-shadow:0 1px 0 #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ececec), to( #dcdcdc)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ececec, #dcdcdc); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ececec, #dcdcdc); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ececec, #dcdcdc); /* IE10 */
	background-image:      -o-linear-gradient( #ececec, #dcdcdc); /* Opera 11.10+ */
	background-image:         linear-gradient( #ececec, #dcdcdc);
}


/*퀵메뉴warp*/
.quick_link_area {
    height: 70px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background:url(/m/images/footer/footer_bg.png) repeat-x left top;
    z-index: 9000;
}
.quick_link_con {
    overflow: hidden;
    width: 100%;
}
.quick_link_con li {
    float: left;
    width: 19.6%;
    color: #fff;
    text-align: center;
}
.quick_link_con li div {
    padding-top: 2px;
    text-align: center;
}
.quick_link_con li span,
.quick_link_con li em,
.quick_link_con li a {
    display: block;
}
.quick_link_con li span {
    height: 12px;
    padding-top: 3px;
    font-size: 11px;
    line-height: 10px;
    color: #000;
    letter-spacing: -1px;
}
.quick_link_con li.on span {
    color: #86cf00;
}
.quick_link_con li em {
    width: 45px;
    height: 45px;
    margin: 0 auto;
}
.quick_link_con li.quick_01 em {
    background: url("/m/images/footer/tab_icon01.png") no-repeat 50% 50%;
    background-size: 45px;
	padding-top:5px;
}
.quick_link_con li.quick_02 em {
    background: url("/m/images/footer/tab_icon02.png") no-repeat 50% 50%;
    background-size: 45px;
	padding-top:5px;
}
.quick_link_con li.quick_03 em {
    background: url("/m/images/footer/tab_icon03.png") no-repeat 50% 50%;
    background-size: 45px;
	padding-top:5px;
}
.quick_link_con li.quick_03{background-color:#ec3c40; height:70px;}
.quick_link_con li.quick_04 em {
    background: url("/m/images/footer/tab_icon04.png") no-repeat 50% 50%;
    background-size: 45px;
	padding-top:5px;
}
.quick_link_con li.quick_05 em {
    background: url("/m/images/footer/tab_icon05.png") no-repeat 50% 50%;
    background-size: 45px;
	padding-top:5px;
}


.footercopy_btn {
	background-color:#ffffff;
	border:1px solid #aaaaac;
	display:inline-block;
	cursor:pointer;
	color:#7b8181;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}
