@charset "utf-8";
@import url("common.css");

#wrap { position:relative; width:100%;}
.header {position:relative; top:0; width:100%; height:200px; background:#FFF; border-bottom:#e5e5e5 solid 1px; z-index:500; line-height:0;}
.headerInner { position:relative; width:1200px; min-height:140px; margin:0 auto; padding:0;}
.headerInner h1 { position:absolute; top:45px; left:470px;}
.headerInner h1 a { display:inline-block; text-indent:-100000px; width:262px; height:41px; background:url(../images/common/logo.png) no-repeat;}
.headerInner .util { position:absolute; top:25px; right:0; z-index:9999999;}
.headerInner .util a {font-size:14px; font-weight:700; color:#333; letter-spacing:-1px;}
.headerInner .utilin > li { float:left; padding-left:18px;}
.headerInner .search { position:absolute; top:65px; right:0;}
.headerInner .search > input { width:230px; border:#dfdfdf solid 1px; padding:8px 10px;}
.headerInner .searchtop { position:absolute; top:7px; right:13px;}
.mobilemenu { display:none;}

.topcs {position:relative;}
.topcs > button { width:80px; line-height:13px; font-size:14px; padding:0 !important; margin:0 !important; font-weight:700; color:#333; background:url(../images/common/topcs_arrow.png) 100% 50% no-repeat; -webkit-transition: background .3s ease; -moz-transition:background .3s ease; -o-transition:background .3s ease; -ms-transition:background .3s ease;}
.topcs > button.active { background:url(../images/common/topcs_arrow_1.png) 100% 50% no-repeat;}
.topcs > div {position:relative; overflow:hidden;}
.topcs > div ul {position:absolute; display:block; background:#FFF; width:100%; left:0; top:5px; z-index:9999999;}
.topcs > div ul li { padding:1px 0;}
.topcs > div ul li:last-child { padding-bottom:5px !important;}
.topcs > div ul li a {display:block; text-align:center; background:#FFF; border:#CCC solid 1px;line-height:24px; font-size:12px !important; -webkit-transition:background .3s ease; -moz-transition: background .3s ease; -o-transition:background .3s ease; -ms-transition:background .3s ease;}
.topcs > div ul li a:hover {background:#f3f3f3;}

/* gnb */
.gnb {position:relative; width:100%; height:60px; border:#e5e5e5 solid 1px; box-sizing:border-box;}
.gnbin { position:relative; width:1200px; margin:0 auto;}
.cart { position:absolute; right:0; width:60px; height:60px; background:url(../images/common/ico_cart.png) 0 10px no-repeat;}
.cart a { display:block; width:60px; height:60px; padding:20px 0 0 7px; font-size:12px; color:#FFF;}
.cartnew { position:absolute; right:5px; top: 11px; width:80px; height:35px; background:#009be5; text-align: center;}
.cartnew a { display:block; line-height: 35px; font-size:13px; font-weight: 700; color:#FFF;}
.depth01 {position:absolute; height:60px; top:0; left:0px; z-index:99999;}
.depth01 li {display:inline-block;float:left; height:60px; padding:0 42px; line-height:60px; text-align:center;}
.depth01 li:first-child {width:220px; border-left:#e5e5e5 solid 1px; border-right:#e5e5e5 solid 1px; background:url(../images/common/ico_menu.png) 25px 20px no-repeat; padding-left:60px; margin-right:20px;}
.depth01 li:last-child {}
.depth01 li a { height:53px; font-size:17px; font-weight:700; color:#000; letter-spacing:-0.5px;}
.depth01 li a.active{color:#0f9eda;}
.depth01 li a:hover{color:#0f9eda;}
.mMenu{display:none;}

.depth02 { position:absolute; top:59px; z-index:9999; width:100%; background:#fff; border:#dcdcdc solid 1px; border-top:0; display:none;}
.depth02 ul { float:left; width:14%; margin:0 1%; height:500px;}
.depth02 ul:first-child {width:18%;}
.depth02 li { background:url(../images/common/gnbbullet.png) 5px 15px no-repeat; line-height:30px; padding-left:10px; font-size:14px;}
.depth02 li a { display:block; padding-left:10px;}
.depth02 li a:hover {color:#0f9eda;}
.gnbbg { border-bottom:#e5e5e5 solid 1px; font-weight:700; margin:20px 0 10px; font-size:15px !important; line-height:40px !important;}
.gnbm1 { background:url(/2019/images/common/gnb_ico1.png) no-repeat !important; padding-left:25px !important;}
.gnbm2 { background:url(/2019/images/common/gnb_ico21.png) no-repeat !important; padding-left:33px !important;}
.gnbm3 { background:url(/2019/images/common/gnb_ico31.png) no-repeat !important; padding-left:34px !important;}
.gnbm4 { background:url(/2019/images/common/gnb_ico4.png) no-repeat !important; padding-left:40px !important;}
.gnbm5 { background:url(/2019/images/common/gnb_ico5.png) no-repeat !important; padding-left:40px !important;}
.gnbm6 { background:url(/2019/images/common/gnb_ico6.png) no-repeat !important; padding-left:40px !important;}

/* popup */
#layerPopup0 {/*visibility:hidden;*/ position:absolute; width:502px; left:0px; top:0px; z-index:999999999; border:#CCC solid 1px; line-height:0;}
.popup_btn {position: absolute; bottom: 42px; left: 50%; margin-left: -100px; width: 200px; height: 38px; background-color: #000; color: #fff; font-size: 1em; text-align: center; line-height: 38px;}
.popclose { background:#efefef; font-size:11px; height:30px; line-height:30px; text-align:right; padding-right:10px;}


/* index */
#container { position:relative; width:100%;}
#container em { display:block; font-size:18px;letter-spacing:-1px; text-align:center; color:#7e7e7e;}
#container h5 { font-size:28px; font-weight:700; letter-spacing:-1px; text-align:center;}
#quicklink { display:none;}

/* visual */
#slider2 {position:relative; display:inline-block; width:100%;}
#slider2 .bxslider2 {position:absolute; left:0px; margin:0; width:100%; overflow:hidden;}
#slider2 .bxslider2 li {position:relative; float:left; }
#slider2 .bx-pager2 .bx-pager-item2, #slider2 .bx-controls-auto2 .bx-controls-auto-item2 {position:relative; display: inline-block; *zoom: 1; *display: inline; margin:0 5px;}
#slider2 .bx-pager2 {position:absolute; text-align:center; bottom:-35px !important; width:100%; overflow:hidden; z-index:1;}
#slider2 .bx-pager2.bx-default-pager2 a {text-indent:-9999px; display:block; width:10px; height:10px; background:#d2d2d2; border-radius:5px;}
#slider2 .bx-pager2.bx-default-pager2 a:hover, #slider2 .bx-pager2.bx-default-pager2 a.active {width:10px; height:10px; background:#000; border-radius:5px;}
.bx-prev2{display:block;position:absolute; left:5%; top:40%; width:36px; height:71px; text-indent:-9999px; overflow:hidden; background: url('../images/common/ico_arrowpre.png') no-repeat 0 0; background-size:100%; z-index: 123;}
.bx-next2{display:block;position:absolute; right:5%; top:40%; width:36px; height:71px; text-indent:-9999px; overflow:hidden; background: url('../images/common/ico_arrownext.png') no-repeat 0 0; background-size:100%;  z-index: 123;}
#slider2 .bxslider2 li a { display:block; width:100%; height:510px;}
.visual1 { background:url(../images/main/visual_1.jpg) center top no-repeat; background-size:cover;}
.visual2 { background:url(../images/main/visual_2.jpg) center top no-repeat; background-size:cover;}
.visual3 { background:url(../images/main/visual_3.jpg) center top no-repeat; background-size:cover;}
.visual4 { background:url(../images/main/visual_4.jpg) center top no-repeat; background-size:cover;}
.visual5 { background:url(../images/main/visual_5.jpg) center top no-repeat; background-size:cover;}
.visual6 { background:url(../images/main/visual_6.jpg) center top no-repeat; background-size:cover;}
.visual7 { background:url(../images/main/visual_7.jpg) center top no-repeat; background-size:cover;}
.visual8 { background:url(../images/main/visual_8.jpg) center top no-repeat; background-size:cover;}
.visual9 { background:url(../images/main/visual_9.jpg) center top no-repeat; background-size:cover;}
.visual10 { background:url(../images/main/visual_10.jpg) center top no-repeat; background-size:cover;}
.visual11 { background:url(../images/main/visual_11.jpg) center top no-repeat; background-size:cover;}
.visual12 { background:url(../images/main/visual_12.jpg) center top no-repeat; background-size:cover;}
.visual13 { background:url(../images/main/visual_13.jpg) center top no-repeat; background-size:cover;}
.visual14 { background:url(../images/main/visual_14.jpg) center top no-repeat; background-size:cover;}
.visual15 { background:url(../images/main/visual_15.jpg) center top no-repeat; background-size:cover;}
.visual16 { background:url(../images/main/visual_16.jpg) center top no-repeat; background-size:cover;}
.visual17 { background:url(../images/main/visual_17.jpg) center top no-repeat; background-size:cover;}
.visual18 { background:url(../images/main/visual_18.jpg) center top no-repeat; background-size:cover;}
.visual19 { background:url(../images/main/visual_19.jpg) center top no-repeat; background-size:cover;}
.visual20 { background:url(../images/main/visual_20.jpg) center top no-repeat; background-size:cover;}
.visual21 { background:url(../images/main/visual_21.jpg) center top no-repeat; background-size:cover;}
.visual22 { background:url(../images/main/visual_22.jpg) center top no-repeat; background-size:cover;}
.visual23 { background:url(../images/main/visual_23.jpg) center top no-repeat; background-size:cover;}

/* product */
.productin { position:relative; margin-top:80px;}
.productin h2 { font-size:30px; font-weight:700; letter-spacing:-1px; text-align:center; margin-top:100px;}
.bestul li { float:left; margin-right:39px;}
.bestul li:last-child { margin-right:0;}
.bestsellers { position:relative; width:1200px; margin:50px auto 0; overflow:hidden;}
.listst1 { position:relative; overflow:hidden; width:270px;}
.listst1 dt { position:relative; line-height:0;}
.listst1 dd { position:relative; padding:30px 0;}
.icosale { position:absolute; bottom:0; left:0; background:#009be5; width:80px; height:80px; color:#FFF; font-size:20px; font-weight:700; text-align:center; line-height:100%; padding-top:20px;}
.icosale1 { position:absolute; bottom:0; left:0; background:#0083df; width:100px; color:#FFF; font-size:15px; font-weight:700; text-align:center; line-height:40px;}
.pname { font-size:20px; font-weight:700; letter-spacing:-1px;}
.pprice {font-size:20px; font-weight:700; letter-spacing:-1px;}
.ppricegray { color:#aaa; text-decoration:line-through;}
.arrowmg { display:inline-block; line-height:20px; vertical-align:top;}
.pexplain { font-size:14px; letter-spacing:-1px; color:#707070; margin-top:15px; overflow:hidden;}
.listcart { position:absolute; top:26px; right:0;}
.mobilebest { display:none;}

.tabinner { position:relative; width:100%; background:#f7f7f7; margin-top:100px; overflow:hidden;}
.tabinner .tabbox { position:relative; width:1200px; margin:80px auto 60px; overflow:hidden;}
.tabinner .tabline { border-bottom:#222 solid 1px;}
.tabinner .tab { position:relative; width:500px; margin:0 auto; overflow:hidden;}
.tabinner .tab li { float:left; width:250px; line-height:60px; text-align:center; font-weight:bold; letter-spacing:-1px; border:#222 solid 1px; border-bottom:0;}
.tabinner .tab a { display:block;}
.tabinner .tabon { background:#222; color:#FFF;}
.tabinner .tabproduct { position:relative; margin-top:70px;}
.tabinner .tablist { position:relative; float:left; width:600px; height:210px; overflow:hidden; margin-bottom:40px;}
.tabinner .tablist dt { float:left; line-height:0; width:50%; padding-right:30px;}
.tabinner .tablist dd { float:left; width:50%; padding:10px 30px 0 0;}
.tabinner .tabbtn { position:relative; width:225px; border:#555 solid 1px; margin-top:40px;}
.tabinner .btnbuy { width:160px;line-height:42px; text-align:center; font-size:14px; font-weight:bold; letter-spacing:-1px;}
.tabinner .btnbuy:hover {background:#555; color:#FFF;}
.tabinner .btncart { position:absolute; top:0; right:0; width:65px; height:42px; background:url(../images/common/ico_cart_list_1.png) no-repeat; border-left:#555 solid 1px;}
.tabinner .btncart:hover { background-position:0 -42px;}
.tabbtnm { display:none;}
input { font-weight:700;}

.whatsnew { position:relative; width:1200px; margin:60px auto 0; overflow:hidden;}
.productlist { margin-top:50px;}
.productlist li { float:left; margin-right:40px;}
.productlist li:last-child { margin-right:0px;}
.btnall { width:300px; line-height:60px; margin:30px auto 0; text-align:center; font-weight:700;}
.btnall a { display:block; border:#000 solid 1px;}
.btnall a:hover { background:#000; color:#FFF;}
.bottombn { position:relative; width:100%; height:300px; margin-top:120px; background:url(../images/common/btn_best.jpg) center top no-repeat;}
.btbnin { position:relative; width:1200px; margin:0 auto;}
.btbn { position:absolute; display:block; top:200px; left:555px; width:170px; line-height:40px; border:#000 solid 1px; text-align:center; font-weight:700; letter-spacing:-1px;}
.btbn:hover { background:#000; color:#FFF;}

/* 2020index */
.greybg { position:relative; width:100%; background:#f7f7f7; margin-top:100px; padding:80px 0; overflow:hidden;}
.familyin { position:relative; width:1200px; margin:0 auto;}
.family { position:relative; float:left; margin-top:50px; background:#FFF; overflow:hidden;}
.family li:last-child { height:60px;}
.familytext { font-size:20px; letter-spacing:-0.5px; padding-left:20px;}
.familybtn { position:absolute; right:20px; display:block; width:150px; font-size:15px; line-height:38px; text-align:center; border:#000 solid 1px;}
.mgr40 { margin-right:40px;}
.carttext { position:relative; margin-top:50px; text-align:center;}
.carttext .redtext { font-size:20px; color:#F00;}
.carttext .greytext { color:#666;}
#mgnb { display:none;}

/* footer */
#footer { position:relative; width:100%; height:330px; overflow:hidden; background:#f3f3f3; color:#000; font-size:14px;}
#footer .footerul { position:relative; width:1200px; margin:0 auto; padding:70px 0;}
#footer .footerul li { float:left;}
#footer .footerul li:nth-child(1) { width:290px; padding-top:100px; background:url(../images/common/btn_cs.png) center 0 no-repeat; text-align:center; letter-spacing:-1px;}
#footer .footerul li:nth-child(2) { width:290px; padding-top:100px; background:url(../images/common/btn_bank.png) center 0 no-repeat; text-align:center; letter-spacing:-1px;}
#footer .footerul li:nth-child(3) { padding-left:50px; line-height:150%; letter-spacing:-0.5px;}
#footer .fttext1 { font-size:18px;}
#footer .fttext2 { font-size:30px;}
#footer .fttext3 { font-size:14px;}
#footer .fttext4 { font-size:26px;}
#footer .ftmg { margin:10px 0;}
#footer .selfa { margin-top:20px;}
#light { display:none;}
#light1 { display:none;}
.mmypage li { line-height:50px; border:#CCC solid 1px; margin:10px 0; padding-left:40px; background:url(../images/common/ico_btn.png) 20px 20px no-repeat;}
.mmypage li a { display:block;}
.scrollmenu { display:none;}
.carttop { display:none;}
.topmb { display:none;}


/* quick */
#quick {position:absolute; background:#FFF; border:#e5e5e5 solid 1px; width:100px; z-index:1000000; right:0;}
#quick dt {border-top:#e5e5e5 solid 1px; height:35px; box-sizing:border-box;}
#quick dt:first-child { border-bottom:#e5e5e5 solid 1px; border-top:0;}
#quick dd { padding:9px 9px 0 9px; box-sizing:border-box;}
#quick dd > ul { margin-bottom:9px;}
#quick dd > ul > li { text-align:center; padding:2px 0; font-size:12px;}
.container1 {overflow:hidden;}
.quicktitle { font-size:13px; font-weight:700; text-align:center; letter-spacing:-0.5px; padding-bottom:10px;}
.btnQuickToday1 { display:block; background:url(/2019/images/common/q_ico_ar_1.png) center 15px no-repeat; text-indent:-99999px;}
.btnQuickToday2 { display:block; background:url(/2019/images/common/q_ico_ar_2.png) center 15px no-repeat; text-indent:-99999px;}
.thumb { padding-bottom:10px;}

/* sub */
#subcontainer { position:relative; width:1200px; margin:0 auto; padding-top:50px;}
#subcontainer h3 {position:relative; font-family:NanumSquare, sans-serif; font-size:35px; letter-spacing:-1.5px; margin-top:20px;}
#subcontainer .ptitle { position:relative; width:100%; border-bottom:#e3e3e3 solid 1px; text-align:center; overflow:hidden; padding:30px 0 50px 0;}
#subcontainer h4 {position:relative; font-family:NanumSquare, sans-serif; font-size:50px; letter-spacing:-1.5px;}
#subcontainer .h4dis { font-size:20px; line-height:45px; letter-spacing:-1px; color:#737373;}
.sort { position:absolute; top:80px; right:40px; color:#666; font-size:14px;}
.sort a { color:#666;}
.sort a:hover { color:#ccc;}
.malllist { position:relative; margin-top:50px; overflow:hidden;}
.splist li { float:left;}
.listst2 { position:relative; overflow:hidden; width:360px; margin-right:38px;}
.listst2 dt { position:relative; line-height:0;}
.listst2 dd { position:relative; height:200px; padding:30px 0 60px;}
.listcart1 { position:absolute; top:26px; right:0; width:40px; height:40px; text-indent:-9999px; background:url(../images/common/ico_cart_list_2.png) no-repeat;}
.icosale { position:absolute; bottom:0; left:0; background:#009be5; width:80px; height:80px; color:#FFF; font-size:20px; font-weight:700; text-align:center; line-height:100%; padding-top:20px;}
.pinfo { position:relative; padding:50px; overflow:hidden;}
.pinfodl dt { float:left; width:570px;}
.pinfodl dd { float:left; width:530px; padding:15px 0 0 55px;}
.infot { font-size:35px; letter-spacing:-2px; padding-bottom:30px; border-bottom:#000 solid 1px;}
.ptext { font-size:28px; font-weight:700;}
.infop { position:relative; border:#e0e0e0 solid 1px; background:#f8f8f8; padding:20px; margin-top:20px; color:#666; font-weight:normal;}
.infop .opclose { position:absolute; width:12px; height:12px; background:url(../images/common/btn_opclose.png) no-repeat; top:20px; right:20px;}
.infop .opclose a { display:block; text-indent:-99999px;}
.opname { padding-bottom:10px; font-size:14px;}
.opprice { position:absolute; bottom:20px; right:20px;}
.infotp { font-size:24px; letter-spacing:-1px; font-weight:700; color:#333; text-align:right; padding:37px 0;}
.pricetable { width:100%;}
.pricetable tr { border-bottom:#e0e0e0 solid 1px;}
.pricetable tr th { width:20%; padding:15px 0; text-align:left; color:#333; font-weight:normal;}
.pricetable tr td { padding:15px 0;}
.pricetable tr td select { width:100%; padding:10px 30px 10px 5px; border:#CCC solid 1px; appearance: none; -webkit-appearance: none; background:url(../images/common/q_ico_ar_2.png) no-repeat right 10px center; font-size:14px;}
.pricetable tr td select::-ms-expand { display:none; }
.pricetable tr:last-child { border-bottom:0;}
.infobtn a { display:inline-block; font-size:20px; letter-spacing:-1px;}
.infobtn .btn_cart { width:49%; border:#1275c2 solid 1px; background:#1275c2 url(../images/common/ico_cartbtn.png) 55px 20px no-repeat; color:#FFF; line-height:70px; padding-left:102px;}
.infobtn .btn_cart_re { width:100%; margin:0 auto; border:#1275c2 solid 1px; background:#1275c2 url(../images/common/ico_cartbtn.png) 40% 20px no-repeat; color:#FFF; line-height:70px; padding-left:48%;}
.infobtn .btn_buy { width:49%; border:#000 solid 1px; text-align:center; line-height:70px;}
.infobtn .btn_cart_half { width:49%; border:#000 solid 1px; background: url("../../images/common/ico_cartbtn1.png") 20% 20px no-repeat; line-height:70px; padding-left:21%;}
.infobtn .btn_buyhalf { width:49%; background: #1275c2; border:#1275c2 solid 1px; text-align:center; line-height:70px; color:#FFF;}
.infobtn .btn_wish { width:70px; border:#000 solid 1px; background:url(../images/common/ico_wish.png) center center no-repeat; line-height:70px; text-indent:-10000px;}
.quantity {position:relative;border:1px solid #ccc;width:150px;height:35px; display:inline-block; background:#FFF; text-align:left;}
.quantity .btnUp {position:absolute;top:0;left:0;border-right:1px solid #ccc;width:34px;height:34px}
.quantity .btnDown {position:absolute;top:0;right:0;border-left:1px solid #ccc;width:34px;height:34px}
.quantity input {width:90px;height:33px;line-height:33px; font-weight:700;border:0;text-align:center; margin-left:30px;}
.quantity1 {position:relative;border:1px solid #ccc;width:100px;height:30px; display:inline-block; background:#FFF; text-align:left;}
.quantity1 .btnUp {position:absolute;top:0;left:0;border-right:1px solid #ccc;width:25px;height:30px}
.quantity1 .btnDown {position:absolute;top:0;right:0;border-left:1px solid #ccc;width:25px;height:30px}
.quantity1 input {width:50px;height:28px;line-height:27px; font-weight:700;border:0;text-align:center; margin-left:20px;}
.amount { position:relative; height:20px; background:url(../images/common/ico_imp.png) 10px 0 no-repeat; padding-left:35px; font-size:13px; color:#999; vertical-align:middle;}

.detailView { position:relative; margin:50px 0 0 0; overflow:hidden;}
.detailView .inbox { position:relative; overflow:hidden;}
.detailView .detailTabs { overflow:hidden;}
.detailView .detailTabs li { float:left; display:block;width:20%;text-align:center;}
.detailView .detailTabs li a{font-size:16px;display:block;line-height:60px;background:#f9f9f9;border:1px solid #dddddd; border-bottom:#000 solid 1px; border-left:0;}
.detailView .detailTabs li:first-child a{border-left:1px solid #dddddd;}
.detailView .detailTabs li.on a{background:#fff; border:#000 solid 1px; border-bottom:0;}
.detailView .detailTabs li.on em{font-weight:800;color:#000;}
.detailView .tabConts {padding:80px 50px;font-size:15px;color:#333;line-height:160%;}
.detailView .tabConts01{text-align:center;}
.detailView .tabConts01 img{max-width:100%;}
.detailView .infotext { font-size:14px; letter-spacing:-0.5px; line-height:150%; overflow:hidden; margin-bottom:30px;}
.recprd {margin:30px 0 80px 0;}
.recprd th { line-height:0;}
.recprd td { text-align:center; color:#666; padding-top:20px;}
.revtable{ position:relative; width:100%;}
.revtable thead th {position:relative; padding:13px 0; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #000;}
.revtable tbody td {position:relative; padding-top:20px; color:#535353; text-align:center;}
.revtable1 { position:relative; width:100%; border-top:1px solid #000;}
.revtable1 th {position:relative; padding:15px 0; text-align:center; border-bottom:1px solid #ddd;}
.revtable1 td img { width:640px; margin-top:20px;}
.reviewbest { padding:30px; color:#535353; border-bottom:1px solid #ddd;}
.btnmodify { width:100px; border:#CCC solid 1px; padding:2px 0; font-size:12px; letter-spacing:-0.5px; text-align:center;}
.btnmodify > a { display:block;}
.btnmodify > a:hover { background:#f5f5f5; transition: 0.3s ease-in-out;}
.boardbtns {text-align:right;margin-top:20px;}
.boardbtns a{ border:#777 solid 1px; color:#777; text-align:center; display:inline-block; width:140px; line-height:40px; font-weight:700;}
.boardbtns a:hover { border:#000 solid 1px; color:#000;}
.grtext { font-size:16px; color:#999; text-decoration:line-through; padding-left:5px;}
.revbox { border:#ddd solid 1px; padding:30px 50px; text-align:center; overflow:hidden; margin-bottom:20px;}
.revsubject { font-weight:700; font-size:18px; letter-spacing:-1px; margin-bottom:15px; text-decoration:underline;}
.revname { font-size:15px; color:#999; margin-left:15px;}
.reviewimg { position:relative; padding-top:15px;}
.reviewimg img { width:640px;}
.revbox > a:hover { color:#999;}


/* 회원가입 */
.loginbox { position:relative; width:500px; margin:60px auto;}
.logintable td { padding:5px 0;}
.inputid { width:100%; height:55px; border:#CCC solid 1px; background:url(../images/common/ico_id.png) 30px 10px no-repeat; padding-left:80px; font-size:16px;}
.inputpw { width:100%; height:55px; border:#CCC solid 1px; background:url(../images/common/ico_pw.png) 30px 10px no-repeat; padding-left:80px; font-size:16px;}
.loginbtn { width:100%; line-height:55px; background:#1254c2; font-size:20px; letter-spacing:-1px; color:#FFF; text-align:center;}
.membtn { height:100px; text-align:center;}
.membtn a { color:#666; font-weight:700; letter-spacing:-1px;}
.membtn a:hover { color:#aaa;}
.snsbtn { padding:10px 0 50px !important;}
.inputno { width:100%; height:55px; border:#CCC solid 1px; padding-left:20px;}
.inputmail { width:100%; height:55px; border:#CCC solid 1px; padding-left:20px;}
/* .btnnaver { width:49%; line-height:45px; color:#FFF; background:#1ec800 url(../images/common/ico_naver.jpg) 20px 12px no-repeat; padding-left:70px; font-weight:700;}*/
#naverIdLogin { display:inline-block; width:100%;}
.btnkakao {display:inline-block; width:100%; line-height:50px; color:#3c1e1e; background:#ffeb00 url(../images/common/ico_kakao.jpg) 20px 15px no-repeat; padding-left:70px; font-weight:700; border:#c4ad09 solid 1px; border-radius:5px;  letter-spacing:-1px;}
.nombtn { width:100%; line-height:55px; background:#333; font-size:20px; letter-spacing:-1px; color:#FFF; text-align:center;}
.inputnom { width:100%; height:55px; border:#CCC solid 1px; padding-left:10px; font-size:16px; font-weight:700; color:#666; letter-spacing:-1px;}

.joinbox { position:relative; width:600px; margin:60px auto; color:#666;}
.jointable th { width:25%; padding:25px 0 10px; text-align:left; vertical-align:top;}
.jointable td { padding:10px 0;}
.jointable td > input { width:100%; height:40px; border:#CCC solid 1px; padding-left:10px; color:#666;}
.joinbox td input[type="radio"] { margin-right:2px;}
.phone { width:70px !important;}
.textimp { text-align:right; vertical-align:top; font-size:14px; letter-spacing:-0.5px;}
.btnad { width:100px; line-height:40px; text-align:center; background:#0e439b; color:#fff; font-size:14px; font-weight:700; letter-spacing:-1px;}
.tableagr { position:relative; margin-top:50px; border-top:#000 solid 1px;}
.tableagr td { padding:10px 0;}
.tableagr .titldpd { padding-top:30px; color:#000;}
.tableagr h5 { font-size:22px; font-weight:700; letter-spacing:-1px;}
.checkst { width:20px; height:20px;}
.bktext { color:#000;}


.btnarea { width:100%; text-align:center; margin-top:50px;}
.btnarea a:hover { background:#000; color:#FFF; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out;}
.btnarea .btnbk { width:200px; line-height:50px; background:#000; border:#000 solid 1px; color:#FFF; font-weight:700; text-align:center;}
.btnarea .btnbkcart { width:200px; line-height:50px; background:#000; border:#000 solid 1px; color:#FFF; font-weight:700; text-align:center;}
.btnarea .btnbk1 { width:300px; line-height:50px; background:#000; border:#000 solid 1px; color:#FFF; font-weight:700; text-align:center;}
.btnarea .btnline  {width:200px; line-height:50px; border:#000 solid 1px; font-weight:700; text-align:center;}

.orderbox { position:relative; padding:50px;}
.orderbox .orderdate { font-weight:700; line-height:40px;}
.orderbox .ordertable { border:#e3e3e3 solid 1px; padding:20px; margin-bottom:30px;}
.orderbox .ordertable th { width:30%; padding:25px 0;}
.orderbox .ordertitle { border-bottom:#e3e3e3 solid 1px; line-height:40px; font-weight:700; vertical-align:middle;}
.orderbox .orderbtn { display:block; width:150px; line-height:40px; border:#000 solid 1px; padding-left:30px; background:url(../images/common/ico_btn.png) 125px 15px no-repeat; font-size:14px; letter-spacing:-0.5px; margin:0 auto 10px; font-weight:700;}
.orderbox .orderbtn:hover { opacity:0.5;}
.orderbox .ordertable1 { border:#e3e3e3 solid 1px; padding:20px; margin-bottom:30px;}
.orderbox .ordertable1 tr { border-bottom:#e3e3e3 solid 1px;}
.orderbox .ordertable1 th {padding:25px 0;}
.orderbox .orderstitle { letter-spacing:-0.5px; font-weight:700; line-height:40px; margin-bottom:10px;}
.orderbox .ordertable2 { border-top:#000 solid 1px; margin-bottom:30px; font-weight:700; color:#666;}
.orderbox .ordertable2 tr {border-bottom:#e3e3e3 solid 1px;}
.orderbox .ordertable2 th { width:25%; padding:15px 0; letter-spacing:-1px;}
.orderbox .ordertable2 td { padding:15px 0; line-height:160%;}
.orderbox .ordertable2 td input { height:40px; border:#CCC solid 1px; font-size:16px; padding-left:5px;}
.orderbox .ordertable2 td input[type="radio"] { width:17px; height:17px; border:0; vertical-align:text-top; margin-right:10px;}
.orderbox .ordertable2 td select {height:40px; border:#CCC solid 1px; font-size:16px;}
.orderbox .ordertable2 td textarea {width:100%; border:#CCC solid 1px; padding:5px 0;}
.orderbox .ordertable3 { border:#e3e3e3 solid 1px; border-top:#000 solid 1px; padding:20px; margin-bottom:30px;}
.orderbox .ordertable3 thead tr { border-bottom:#e3e3e3 solid 1px;}
.orderbox .ordertable3 thead th {padding:15px 0; background:#f9f9f9;}
.orderbox .ordertable3 tbody tr { border-bottom:#e3e3e3 solid 1px;}
.orderbox .ordertable3 tbody th {padding:10px 0;}
.orderbox .ordertable4 { border:#e3e3e3 solid 1px; padding:20px; margin-bottom:30px;}
.orderbox .ordertable4 tr { border-bottom:#e3e3e3 solid 1px;}
.orderbox .ordertable4 th { width:80%; padding:15px 0; background:#f9f9f9; text-align:right;}
.orderbox .ordertable4 td { background:#f9f9f9; text-align:right; padding-right:75px; font-weight:700;}
.orderbox .eventtable { border:#e3e3e3 solid 1px; padding:20px; margin-bottom:30px; border-top:#000 solid 1px;}
.orderbox .eventtable tr { border-bottom:#e3e3e3 solid 1px;}
.orderbox .eventtable th {padding:25px 5px;}
.orderbox .eventtable td {padding:25px 5px;}
.orderbox .cartresult { position:relative; margin-top:50px;}
.orderbox .cartresult th { font-weight:700; border:#e3e3e3 solid 1px; padding:15px 0;}
.orderbox .cartresult td { text-align:center; border:#e3e3e3 solid 1px; padding:15px 0;}
.orderbox .cartresult .bdnotb { border-bottom:0; border-top:0;}
.orderbox .checktd { text-align:center;}
.pdname { font-weight:700; margin-bottom:10px;}
.tabblue { position:relative; border:#2176c6 solid 1px; overflow:hidden; margin-bottom:50px;}
.tabblue li { float:left; width:50%; line-height:50px; text-align:center;  font-weight:700;}
.tabblue li a { display:block; color:#2176c6;}
.tabblue .tabon { background:#2176c6; color:#FFF;}
.textmge { width:100%; padding:30px 0; background:#f9f9f9; border:#e3e3e3 solid 1px; text-align:center; font-weight:700; box-sizing:border-box; margin-bottom:30px;}
.textpolicy { width:100%; padding:30px; background:#f9f9f9; border:#e3e3e3 solid 1px; box-sizing:border-box; margin-bottom:30px;}
.agreetitle{font-size:14px;font-weight:700;margin-bottom:10px}
.agreecon{font-size:14px;margin-bottom:20px;line-height:20px}
.cartbtn { padding:20px 0 20px 10px; font-weight:700;}


/* cscenter */

.faqtab { position:relative; margin-bottom:30px; overflow:hidden;}
.faqtab li { float:left; width:16.4%; margin:1px; font-weight:700;}
.faqtab li a { display:block;border:#ddd solid 1px; text-align:center; padding:20px 10px; color:#555;}
.faqtab .faqtabon {border:#2176c6 solid 1px; background:#2176c6; color:#FFF;}
.faqwrap { word-break:break-all;border-top:2px solid #2176c6;}
.faqwrap dt { border:1px solid #dcdcdc; border-top:none;}
.faqwrap dt a{position:relative; display:block; padding:20px 80px 20px 100px; background: url(../images/common/ico_arrowloca.png) no-repeat 100% 50%; font-weight:700;}
.faqwrap dt a:before{content:"Q"; display:inline-block; position:absolute; left:36px; top:14px; font-weight:bold;}
.faqwrap dt a:after{content:""; display:block; position:absolute; left:79px; top:0; width:1px; height:100%; background-color:#dcdcdc;}
.faqwrap dt.active a { background: url(../images/common/ico_arrowloca_on.png) no-repeat 100% 50%;}
.faqwrap dd { border:1px solid #dcdcdc; border-top:none; line-height:20px; display:none; position:relative;}
.faqwrap dd:before {content:"A"; display:inline-block; position:absolute; left:36px; top:50%; margin-top:-9px; font-weight:bold;}
.faqwrap dd:after {content:""; display:block; width:1px; height:100%; background-color:#dcdcdc; position:absolute; left:79px; top:0;}
.faqwrap dd div {position:relative; padding: 26px 30px 26px 100px; color:#6b6b6b;}
.faqwrap dd > div table { border:#666 solid 1px; width:100%;}
.faqwrap dd > div table td { border:#666 solid 1px; padding:10px;}
.company { padding:50px 0; text-align:center;}
.emailse { width:150px;}

/* company */

.companybox { position:relative; overflow:hidden;}
.abouttitle { text-align:center; font-family: 'Nanum Myeongjo', serif; font-size:36px; letter-spacing:-1px; padding:90px 0 0;}
.aboutline { width:1px; height:120px; background:#000; margin:40px auto;}
.aboutul { overflow:hidden;}
.aboutul li { float:left; width:50%; font-size:20px; vertical-align:middle; letter-spacing:-1px;}
.pdl50 { padding:70px 0 0 50px;}
.pdr50 { padding:120px 50px 0 0; text-align:right;}

/* board */

.tableType01 {width:100%;}
.tableType01 thead th {background:#f5f5f5; font-weight:700; text-align:center; border:1px solid #ddd; height:50px; line-height:50px;}
.tableType01 tbody th {background:#f5f5f5; font-weight:700; text-align:center; border:1px solid #ddd; height:50px; line-height:50px; border-top:#000 solid 1px;}
.tableType01 tbody td {color:#535353; background:#fff; text-align:center; border-bottom:1px solid #ddd; height:55px; line-height:55px;}

.tableType02 {width:100%; border-collapse:separate; border-spacing:5px;}
.tableType02 th { width:25%; padding:10px; background:#f5f5f5;font-weight:700;border:1px solid #ddd; }
.tableType02 td { padding:10px; color:#535353;background:#fff;font-weight:700;border:1px solid #ddd; text-align:left;}
.tableType02 td .reviewth {vertical-align:middle; margin-right:15px;}
.tableType02 td select { border:#CCC solid 1px; height:40px;}
.tableType02 td textarea {width:100%; border:#CCC solid 1px; padding:5px 0;}
.tableType02 td input { height:40px; border:#CCC solid 1px; font-size:16px; padding-left:5px;}

.tableType03 {width:100%; border-collapse:separate; border-spacing:1px 5px;}
.tableType03 th { width:25%; padding:10px; background:#f5f5f5;font-weight:700;border:1px solid #ddd;}
.tableType03 td { padding:10px; color:#535353;background:#fff;font-weight:700;border:1px solid #ddd; text-align:center;}

.tableType04 {width:100%; border-collapse:separate; border-spacing:2px;}
.tableType04 th { width:25%; padding:10px; background:#f5f5f5;font-weight:700;border:1px solid #ddd;}
.tableType04 td { padding:15px; color:#535353;background:#fff;font-weight:700;border:1px solid #ddd;}

.tableType05 {width:100%; border-collapse:separate; border-spacing:2px;}
.tableType05 th { padding:10px 5px; background:#f5f5f5; font-weight:700; border:1px solid #ddd;}
.tableType05 td { padding:10px 5px; color:#535353; background:#fff; font-weight:700; border:1px solid #ddd;}

.paging {font-size:0;line-height:0;text-align:center;margin:50px 0;}
.paging span{display:inline-block;font-size:0;line-height:0;margin:0 3px; border:1px solid #ddd;}
.paging span a{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;}
.paging ul{display:inline-block;vertical-align:top;margin:0 10px;}
.paging li{display:inline-block;vertical-align:top;margin:0 3px;}
.paging li a{display:inline-block;width:32px;height:32px;line-height:32px;border:1px solid #ddd;text-align:center; font-size:14px; color:#000;}
.paging li.on a{border:1px solid #7f7f7f;background:#7f7f7f;color:#fff;}

.input100 { width:100% !important; height:40px; border:#CCC solid 1px;}
.input50 { width:50% !important; height:40px; border:#CCC solid 1px;}
.tal { text-align:left !important;}
.tac { text-align:center !important;}
.tar { text-align:right !important;}
.dspnoweb { display:none;}
.font12 { font-size:14px; color:#888; font-weight:normal; letter-spacing:-0.5px;}
.mgb5 { margin-bottom:5px;}
.pd20 { padding:20px 0;}
iframe { width:858px; height:450px;}
.replayin { clear:both; display:none; width:100%;}
.pdno {position:relative; text-align:left !important; border-bottom:1px solid #ddd; padding:0 30px;}
#replay { display:block; padding:20px 0;}
.pctop { text-align:center;}
.pctop a {color:#888; font-size:13px; line-height:35px;}
.pccart a { display:block; height:40px; background:#0088e5 url(../images/common/carttop.png) no-repeat center 10px; text-indent:-99999px;}
.fttop { border:#CCC solid 1px; background:url(../images/common/q_ico_ar_1.png) 50px 12px no-repeat; margin-left:70px; padding:5px 30px 5px 15px; letter-spacing:1px;}

.bestproduct { position:relative; padding:2% 0; overflow:hidden;}
.best-in { float:left; margin-left:50px;}
.title-p { font-size:20px; padding-bottom:10px; border-bottom:#000 solid 2px; letter-spacing:-1px;}
.p-list { overflow:hidden; margin-top:20px;}
.p-ul { position:relative; float:left; margin-right:27px;}
.p-ul:last-child { margin-right:0;}

.vdo_wide {width: 1100px; height: 650px;}

/* media queries */
@media (max-width:1199px) {
	
	#quick { display:none;}
	
	}

@media (max-width:1024px) {
	 #layerPopup0 { width:300px;}
	 #layerPopup0 > img { width:100%;}
	 #layerPopup0 .popup_btn { margin-left: -65px; bottom: 38px; width: 130px; height: 25px; line-height: 25px; font-size: 0.7em;}
	
	.header {height:130px;}
	.headerInner { width:100%; min-height:5px;}
	.headerInner h1 { top:20px; left:38%;}
	.headerInner h1 a { width:200px; height:33px; background-size:100%;}
	.headerInner .util { display:none;}
	.headerInner .search { display:none;}
	.mobilemenu { display:block; position:absolute; top:75px; width:100%;}
	.mobilemenu .mbmenu { width:100%; background:#06F;}
	.mobilemenu .mbmenu li { float:left; width:26%; line-height:55px; text-align:center; background:#009be5; color:#FFF;}
	.mobilemenu .mbmenu li:first-child { width:25%;}
	.mobilemenu .mbmenu li:last-child { width:23%;}
	.mobilemenu .mbmenu li a{ display:block;color:#FFF;}
	.topcs { display:none;}
	.depth01{display:none;}
	.gnb {height:0; border:0;}
    .gnbin { width:100%;}
	.cart { position:absolute; top:0; right:15px; width:60px; height:60px; background:url(../images/common/ico_cart.png) 0 10px no-repeat;}
    .cart a { display:block; width:60px; height:60px; padding:20px 0 0 7px; font-size:12px; color:#FFF;}
	.mMenu { position:fixed;}
    .mMenu .mMenuSide { position:absolute; width:100%;height:100%;opacity:0;z-index:9999999;overflow-y:auto;-webkit-overflow-scrolling:touch;}
	.mMenuSide .mDepth01{display:block;background:#f5f5f5 url('../images/common/icon_side_off.png') 95% center no-repeat;line-height:50px;padding:0 0 0 25px; margin:5px 0; border:1px solid #e5e5e5;}
	.mMenuSide > ul {z-index:200;position:relative;}
	.mMenuSide > ul > li.active {background:#f5f5f5;}
	.mMenuSide .sub-menu {padding:10px 0; border:#e5e5e5 solid 1px;}
	.mMenuSide .sub-menu li a{display:block;padding:10px 0 10px 20px;}
	.mMenuSide > ul > li > ul > li {margin:0 20px;border-top:1px solid #e5e5e5;}
	.mMenuSide > ul > li > ul > li > a{background:url('../images/common/icon_sideSub_off.png') 3px center no-repeat;}
	.mMenuSide > ul > li > ul > li.active > a {font-weight:700;}
	.mMenuSide > ul > li > ul > li:first-child {border-top:0;}
	.mMenuSide > ul > li > ul a:hover{font-weight:700;}
	.gnbm1 { background-position:20px 10px !important; padding-left:70px !important;}
	.gnbm2 { background-position:20px 10px !important; padding-left:70px !important;}
	.gnbm3 { background-position:20px 10px !important; padding-left:70px !important;}
	.gnbm4 { background-position:20px 10px !important; padding-left:70px !important;}
	.gnbm5 { background-position:20px 10px !important; padding-left:70px !important;}
	.gnbm6 { background-position:20px 10px !important; padding-left:70px !important;}
	.dspnom { display:none;}
	
	/* visual */
	#slider2 .bxslider2 li { text-align:center;}
	#slider2 .bxslider2 li a {height:640px;}
	.visual1 { background:url(../images/main/visual_m1.jpg) center top no-repeat; background-size:100%;}
    .visual2 { background:url(../images/main/visual_m2.jpg) center top no-repeat; background-size:100%;}
    .visual3 { background:url(../images/main/visual_m3.jpg) center top no-repeat; background-size:100%;}
	.visual4 { background:url(../images/main/visual_m4.jpg) center top no-repeat; background-size:100%;}
	.visual5 { background:url(../images/main/visual_m5.jpg) center top no-repeat; background-size:100%;}
	.visual6 { background:url(../images/main/visual_m6.jpg) center top no-repeat; background-size:100%;}
	.visual7 { background:url(../images/main/visual_m7.jpg) center top no-repeat; background-size:100%;}
	.visual8 { background:url(../images/main/visual_m8.jpg) center top no-repeat; background-size:100%;}
	.visual9 { background:url(../images/main/visual_m9.jpg) center top no-repeat; background-size:100%;}
	.visual10 { background:url(../images/main/visual_m10.jpg) center top no-repeat; background-size:100%;}
	.visual11 { background:url(../images/main/visual_m11.jpg) center top no-repeat; background-size:100%;}
	.visual12 { background:url(../images/main/visual_m12.jpg) center top no-repeat; background-size:100%;}
	.visual13 { background:url(../images/main/visual_m13.jpg) center top no-repeat; background-size:100%;}
	.visual14 { background:url(../images/main/visual_m14.jpg) center top no-repeat; background-size:100%;}
	.visual15 { background:url(../images/main/visual_m15.jpg) center top no-repeat; background-size:100%;}
	.visual16 { background:url(../images/main/visual_m16.jpg) center top no-repeat; background-size:100%;}
	.visual17 { background:url(../images/main/visual_m17.jpg) center top no-repeat; background-size:100%;}
	.visual18 { background:url(../images/main/visual_m18.jpg) center top no-repeat; background-size:100%;}
	.visual19 { background:url(../images/main/visual_m19.jpg) center top no-repeat; background-size:100%;}
	.visual20 { background:url(../images/main/visual_m20.jpg) center top no-repeat; background-size:100%;}
	.visual21 { background:url(../images/main/visual_m21.jpg) center top no-repeat; background-size:100%;}
	.visual22 { background:url(../images/main/visual_m22.jpg) center top no-repeat; background-size:100%;}
	.visual23 { background:url(../images/main/visual_m23.jpg) center top no-repeat; background-size:100%;}
	.bx-prev2{ display:none;}
	.bx-next2{ display:none;}	
	.dspnoweb { display:block;}
	
	/* product */
	.productin { margin-top:55px;}
	.productin h2 { font-size:30px; margin-top:100px;}
	.bestsellers { width:100%; margin:30px auto 0; }
    .bestul li {  width:46%; margin:0 2%;}
	#listUL { position:absolute; display:inline-block; top:0; left:2%; width:100%; height:100%;} 
	#listUL li { position:absolute; display:inline-block; overflow:hidden; width:30%; line-height:0;}
	#listUL li img { width:100%;}
	#listUL li dl { text-align:center;}
	#listUL li dt { position:relative;}
	#listUL li p { line-height:130%;}
	.listLiStyle0{ left:0;}
	.listLiStyle1{ left:32%;}
	.listLiStyle2{ left:64%;}
	.listLiStyle3{ left:96%;}
	.listLiStyle4{ left:128%;}
	.listLiStyle5{ left:160%;}	
	.listst1 { width:100%;}
	.listst1 dt img { width:100%;}
	.listst1 dd { padding:20px 0;}
	.icosale { width:50px; height:50px; font-size:12px; padding-top:10px;}
	.icosale1 { width:50px; height:50px; bottom:1px; font-size:12px; padding-top:10px; line-height:100%;}
	.pname { font-size:20px; padding:10px 0;}
	.pprice {font-size:20px; font-weight:normal;}
	.ppricegray { color:#aaa; text-decoration:line-through;}
	.pexplain { display:none;}
	.listcart { position:absolute; top:26px; right:0;}
	
    .tabinner { margin-top:20px; padding:0 5px;}
	.tabinner .tabbox { width:100%; margin:30px auto 10px; }
	.tabinner .tab { width:100%;}
    .tabinner .tab li { width:50%; line-height:50px;}
	.tabinner .tabproduct { margin-top:30px;}
	.tabinner .tablist { width:48%; height:auto; margin:0 1% 40px;}
	.tabinner .tablist dt { position:relative; float:none; width:100%; padding-right:0;}
	.tabinner .tablist dt a { display:block;}
    .tabinner .tablist dt a > img { width:98%;}
    .tabinner .tablist dd { position:relative; float:none; width:100%; padding:0 0 0 5px;}
	.tabinner .tabbtn { display:none;}
	.tabinner .btncart { bottom:0; right:0; width:30px; height:35px; background:url(../images/common/ico_cart_list_3.png)0 10px no-repeat; border-left:0;}
	.tabbtnm { display:block;}
	
	.whatsnew { width:100%; margin:50px auto 0;}
	.productlist { margin-top:30px;}
	.productlist li { width:46%; margin:0 2%;}
	.listst1 dt a { display:block;}
	.btnall { width:230px; line-height:45px;}
	.bottombn { width:100%; height:340px; margin-top:50px; background:url(../images/common/btn_best_t.jpg) no-repeat; background-size:100%;}
	.btbnin { width:100%;}
	.btbn { top:225px; left:48%; width:180px; line-height:45px;}
	
	.bestul li { width:46%; margin:0 2%;}
	.greybg { margin-top:50px; padding:50px 0;}
	.familyin {width:100%; padding:0 2%;}
	.family { float:none; margin-top:30px;}
	.family li img { width:100%;}
	.family li:last-child { height:60px;}
	.familytext { font-size:18px; letter-spacing:-1px; padding-left:10px;}
	.familybtn { right:5px; width:100px; font-size:14px; line-height:38px;}
	.mgr40 { margin-right:0px;}
	.carttext .redtext { font-size:16px;}
	#mgnb { display:block; position:absolute; top:10px; left:10px; z-index:9999;}
	.mgnb { width:60px; height:60px; background:url(../images/common/ico_gnb.png) 0 10px no-repeat; text-indent:-222222px;}
	
	/* footer */
	#footer { width:100%; height:auto;}
	#footer .footerul { width:100%; padding:30px 0 100px;}
	#footer .footerul li { float:left; letter-spacing:-1px;}
	#footer .footerul li:nth-child(1) { width:50%; padding-top:70px; background-size:15%;}
	#footer .footerul li:nth-child(2) { width:50%; padding-top:70px; background-size:15%; border-left:#ccc solid 1px;}
	#footer .footerul li:nth-child(3) { clear:both; float:none; padding:30px 0 0 50px; line-height:150%;}
	#footer .ftmg { margin:0 0 10px 0;}
	#footer .fttext1 { font-size:18px;}
	#footer .fttext2 { font-size:20px;}
	#footer .fttext3 { font-size:13px;}
	#footer .fttext4 { font-size:18px;}
	
	#quicklink { display:block; width:100%; position:fixed; bottom:0; background:#FFF; border-top:#CCC solid 1px; padding:15px 0; z-index:9999;}
	#quicklink .qlinkul li { float:left; width:25%; text-align:center;}
	#quicklink .qlinkul .qhome { background:url(../images/common/ft_ico1.png) center 0px no-repeat; background-size:17%;}
	#quicklink .qlinkul .qmenu { background:url(../images/common/ft_ico2.png) center 2px no-repeat; background-size:15%;}
	#quicklink .qlinkul .qsearch { background:url(../images/common/ft_ico3.png) center 0px no-repeat; background-size:12%;}
	#quicklink .qlinkul .qmem { background:url(../images/common/ft_ico4.png) center 0px no-repeat; background-size:14%;}
	#quicklink .qlinkul a { display:block; padding-top:40px;}
	.black_overlay{ display: none; position:fixed; top: 0; left:0; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);} 
    .ftquick { display: none; position:fixed; top: 0; left:0; width: 100%; height: 100%; padding: 10px; background-color: white; z-index:1002; border-top:#CCC solid 1px; overflow:scroll;}
	.ftquick h1 { position:absolute; top:20px; left:40%;}
	.ftquick h1 a {display:inline-block; text-indent:-1000px; width:150px; height:25px; background:url(../images/common/logo.png) no-repeat; background-size:100%;}
	.btnclosein { position:relative; height:60px;}
	.btnclose { position:absolute; top:13px; right:5px; width:20px; height:20px; background:url(../images/common/btn_pclose.png) no-repeat;}
	.qsearchp { position:relative; border-top:#CCC solid 1px; padding:50px 0;}
	.qsearchp > input { width:75%; line-height:50px; border:#CCC solid 1px; font-size:16px;}
	.qsearchp > .inputbtn { display:inline-block; width:23%; line-height:52px; background:#009be5; color:#FFF; font-weight:700; text-align:center;}
	.qsearchul { position:relative;}
	.qsearchul .bestk { border-top:#CCC solid 1px; border-bottom:#CCC solid 1px; background:#f5f5f5; font-weight:700;}
	.qsearchul > ul > li { line-height:50px; padding-left:20px;}
	
	/* sub */
	#subcontainer { width:100%; padding:5px;}
	#subcontainer h3 {font-size:25px; letter-spacing:-1.5px; margin-top:40px;}
	#subcontainer .ptitle { padding:50px 0 30px 0;}
	#subcontainer h4 {font-size:35px;}
	#subcontainer .h4dis { font-size:15px; line-height:110%; padding-top:10px;}
	.sort { top:50px; right:10px;}
	.malllist { margin-top:30px;}
	.splist li { width:50%;}
	.listst2 { width:96%; margin:0 2%;}
	.listst2 dt a { display:block;}
	.listst2 dt img { width:100%;}
	.listst2 dd { height:120px; padding:20px 0 0;}
     .icosale { width:60px; height:60px; font-size:15px; padding-top:15px;}
	.pinfo { padding:20px 5px;}
	.pinfodl dt { float:none; width:100%;}
	.pinfodl dt img { width:100%; height:auto;}
	.pinfodl dd { float:none; width:100%; padding:0;}
    .infot { font-size:25px; letter-spacing:-1px; padding:20px 0;}
    .infotp { padding:30px 0;}
    .ptext { font-size:20px;}
	.infobtn a { font-size:18px;}
	.infobtn .btn_cart { background:#1275c2 url(../images/common/ico_cartbtn.png) 40px 15px no-repeat; line-height:60px; text-align:center; padding-left:50px;}
	.infobtn .btn_buy { line-height:60px;}
	.infobtn .btn_wish { width:20%; line-height:60px;}
	.detailView .detailTabs li a {font-size:15px; line-height:50px;}
	.detailView .tabConts {padding:30px 10px;font-size:14px;line-height:150%;}
	.orderbox { position:relative; padding:50px 0;}
	.pdname { margin-bottom:0;}
	.quantity {width:110px;}
	.quantity input {width:50px;}
	.quantity1 input { height:27px; line-height:27px;}
	.catrthum img { display:none;}
	.revbox { font-size:14px; padding:30px 15px; background:#f5f5f5;}
	.reviewimg img { width:100%;}


     /* 회원가입 */
	.loginbox { width:100%; margin:60px auto; padding:0 20px;}
	.snsbtn { padding:10px 0 50px !important;}
    #naverIdLogin img {width:100%;}
	.btnkakao { width:350px; font-size:14px; background:#ffeb00 url(../images/common/ico_kakao.jpg) 20px 15px no-repeat; padding-left:50px; margin-left:5px;}
	.joinbox { width:100%; margin:30px auto; background:#f5f5f5; padding:20px 0 30px; border:#CCC solid 1px;}
	.jointable th { width:30%; padding:25px 0 10px 15px; font-size:14px;}
	.jointable td > input { width:95%;}
	.btnad { width:90px;}

    .tableagr h5 { font-size:20px;}
    .checkst { width:15px; height:15px;}
	.btnarea .btnbk { width:30%; line-height:50px;}
	.btnarea .btnbkcart  { width:100%; line-height:50px;}
	.btnarea .btnbk1 { width:100%; line-height:50px;}
	.btnarea .btnline  {width:32%; line-height:50px;}
	.nombtn { display:block; font-size:16px; line-height:50px; margin-top:20px;}

    .orderbox .ordertable { border-left:0; border-right:0;}
	.orderbox .ordertable td { padding:5px 0 5px 5px;}
    .orderbox .orderbtn { width:85px; text-align:left; line-height:40px; padding-left:10px; background:url(../images/common/ico_btn.png) 70px 15px no-repeat; margin:0 auto 5px;}
	.orderbox .obmg { margin-top:5px;}
	.orderbox .pdlm { padding-left:5px;}
    .orderbox .ordertable2 th { width:22%;}
    .orderbox .ordertable2 td input { width:140px;}
	.orderbox .ordertable3 { border-left:0; border-right:0;}
	.orderbox .ordertable3 thead th { text-align:center;}
	.orderbox .ordertable3 tbody th {padding:20px 0;}
	.orderbox .ordertable3 tbody td {padding:25px 0;}
	.orderbox .ordertable4 th { width:70%;}
    .orderbox .ordertable4 td { padding-right:10px;}
	.orderbox .carttbm { width:100%; margin-bottom:30px;}
	.orderbox .cartresult { margin-top:30px;}	
	.orderbox .ordertable1 th img { width:80px; height:90px;}
	.orderbox .ordertable2 td input[type="radio"] { margin-right:2px;}
    .orderbox .eventtable td img { width:100%;}

    /* cscenter */

    .faqtab li { width:48%; margin:1%;}
    .faqtab li a {padding:15px 0px;}
	.faqwrap { word-break:break-all;border-top:2px solid #2176c6;}
	.faqwrap dt a{padding:20px 40px 20px 60px;}
	.faqwrap dt a:before{left:20px; top:18px;}
	.faqwrap dt a:after{left:50px; top:0; width:1px; height:100%; background-color:#dcdcdc;}
	.faqwrap dd:before {left:20px;}
	.faqwrap dd:after {left:50px;}
	.faqwrap dd div {position:relative; padding:25px 10px 25px 60px;}
	.mwdip { width:130px;}
	.tableType02 th { width:22%; padding:10px 0;}
	.tableType02 td .reviewth {margin-right:5px; width:80px; height:80px;}
	.tableType02 td { padding:10px 5px;}
	.tableType03 { font-size:13px;}
	.tableType05 { font-size:13px;}
	.company img { width:100%;}
	
	.abouttitle { font-size:25px; padding:60px 0 0;}
	.aboutline { height:80px; margin:30px auto;}
	.aboutul li { font-size:17px;}
	.aboutul li img { width:100%;}
	.pdl50 { padding:10px 0 0 30px;}
	.scrollmenu { position:fixed; right:5px; bottom:80px; opacity:0.9;}
	.carttop {display:block; width:45px; height:45px; border:#009be5 solid 1px; border-radius:50px; background:#009be5 url(../images/common/carttop.png) no-repeat center 13px; padding-top:15px; text-align:center; font-size:11px; color:#fff; text-indent:-9999px;}
    .topmb { display:inline-block; display:block; width:45px; height:45px; border:#ccc solid 1px; border-radius:50px; background:#FFF url(../images/common/q_ico_ar_1.png) center 12px no-repeat; padding-top:20px; text-align:center; font-size:11px; color:#999; margin-top:5px;}	
	.fttop { background:url(../images/common/q_ico_ar_1.png) 47px 10px no-repeat; margin-left:60px;}
	
	.revtable1 td img { width:100%;}
	.vdo_wide {width: 858px; height: 450px;}

}

@media (max-width:806px) {



}


@media (max-width:640px){

#layerPopup0 {width:330px;}
#layerPopup0 img {width:100%;}
#layerPopup0 .popup_btn {bottom: 42px;}

.header {height:90px;}
.headerInner h1 { left:120px;}
.headerInner h1 a { width:150px; height:25px; background-size:100%;}
.mobilemenu { top:65px;}
.mobilemenu .mbmenu li { width:26%; font-size:14px; line-height:45px}
.mobilemenu .mbmenu li:first-child { width:28%;}
.mobilemenu .mbmenu li:last-child { width:20%;}
.ftquick h1 { left:30%;}
.cart { right:0;}
#slider2 .bxslider2 li a {height:350px;}
.productin h2 { font-size:22px; margin-top:50px;}
.mobilebest {height:300px;}
#listUL li { width:40%;}
.listLiStyle0{ left:0;}
.listLiStyle1{ left:42%;}
.listLiStyle2{ left:84%;}
.listLiStyle3{ left:126%;}
.listLiStyle4{ left:168%;}
.listLiStyle5{ left:210%;}
.pname { font-size:15px; padding:5px 0;}
.namemg { margin-right:30px;}
.pprice {font-size:15px;}
.bottombn { height:230px; background:url(../images/common/btn_best_m.jpg) no-repeat; background-size:cover;}
.btbn { top:170px; left:225px; width:120px; line-height:30px; font-size:14px;}
#footer { font-size:12px;}
#footer .footerul li:nth-child(1) { background-size:30%;}
#footer .footerul li:nth-child(2) { background-size:30%;}
#footer .footerul li:nth-child(3) { padding:30px 0 0 5px;}
#quicklink { padding:10px 0;}
#quicklink .qlinkul .qhome {background-size:25%;}
#quicklink .qlinkul .qmenu {background-size:23%;}
#quicklink .qlinkul .qsearch {background-size:20%;}
#quicklink .qlinkul .qmem {background-size:22%;}
#quicklink .qlinkul a { font-size:13px; padding-top:30px;}
#subcontainer h4 {font-size:33px;}
#subcontainer .h4dis { font-size:14px;}
.orderbox .eventtable td { font-size:15px;}
.infobtn .btn_cart { padding-left:45px;}
.infobtn .btn_wish { width:65px;}
.btnkakao {width:180px; font-size:14px; background:#ffeb00 url(../images/common/ico_kakao.jpg) 20px 15px no-repeat; padding-left:50px; margin-left:5px;}
.orderbox .cartresult th { font-size:13px;}
.orderbox .cartresult td { font-size:13px;}
.tableType02 th { font-size:14px;}
.abouttitle { font-size:18px; padding:50px 0 0; letter-spacing:-1.5px;}
.aboutline { height:50px;}
.aboutul li { float:none; width:100%;}
.aboutul li img { width:100%;}
.pdl50 { padding:30px 0 0 0; text-align:center;}
.emailse { width:99%;}
iframe { width:300px; height:auto;}
.pdno {padding:0 5px;}

.paging span {margin:0 1px;}
.paging ul {margin:0px;}
.paging span a {width:20px;height:20px;line-height:20px;}
.paging span a img {width:20px;height:20px;}
.paging li a {width:22px;height:22px;line-height:22px; font-size:11px;}

.best-in {width:98%; margin-left:2%;}
.title-p { width:100%;}
.p-list { padding-bottom:35px;}
.p-ul { width:45%; margin:0 2.5% 8% 2.5%;}
.p-ul li img { width:100%;}
.p-ul:last-child { margin-right:0;}
.vdo_wide {width: 100%; height: 300px;}

}

@media (max-width:400px) {

.headerInner h1 { left:100px;}
.infobtn a { font-size:16px;}
.infobtn .btn_cart { background:#1275c2 url(../images/common/ico_cartbtn.png) 30px 15px no-repeat; line-height:55px;}
.infobtn .btn_buy { line-height:55px;}
.infobtn .btn_wish { width:65px; line-height:55px;}
.detailView .detailTabs li a {font-size:13px;}
.detailView .tabConts {font-size:13px;line-height:140%;}
.detailView .infotext { font-size:11px;}
#subcontainer .h4dis { font-size:14px;}
.revbox { font-size:13px; padding:30px 10px;}
.revsubject { font-size:15px;}
.mobilemenu .mbmenu li { font-size:13px; letter-spacing:-1px;}
#quicklink ul li { font-size:12px;}
#slider2 .bxslider2 li a {height:300px;}
.bottombn { height:200px;}
.btbn { top:150px; left:195px; width:110px; line-height:28px; font-size:13px;}
#footer { font-size:10px;}
#footer .fttext3 { font-size:11px;}
.orderbox .ordertable { font-size:14px;}
.orderbox .orderbtn { width:80px; font-size:14px; line-height:40px; padding-left:10px; background:url(../images/common/ico_btn.png) 65px 15px no-repeat;}
.ordertable1 { font-size:14px;}
.orderbox .ordertable2 {font-size:14px;}
.faqwrap {font-size:14px;}
.pname { font-size:14px;}
.pprice {font-size:14px;}
.btnkakao {width:150px; font-size:14px;background:#ffeb00 url(../images/common/ico_kakao.jpg) 5px 15px no-repeat; padding-left:35px;}
.g-recaptcha { width:250px;}
.orderbox .eventtable td { font-size:14px;}
#subcontainer h3 {font-size:23px;}
#subcontainer h4 {font-size:30px;}
#subcontainer .h4dis { font-size:11px;}
.pricetable tr th { font-size:15px;}
.pricetable tr td { font-size:15px;}
.orderbox .ordertable3 { font-size:13px;}
.listcart1 { width:35px; height:35px; background-size:100%;}
.mwdip { width:112px;}
.font12 { font-size:13px;}
.carttext .redtext { font-size:15px;}

#container em { font-size:16px;}
#container h5 { font-size:26px;}
.familytext { font-size:15px;}
.familybtn { font-size:13px; line-height:30px;}

.fttop { margin-left:45px;}
.vdo_wide {width: 100%; height: 200px;}

}

@media (max-width:340px) {

.mobilemenu .mbmenu li { font-size:11px;}
.ftquick h1 { left:25%;}
.mMenuSide .mDepth01 {line-height:30px; font-size:13px;}
.mMenuSide .sub-menu {padding:4px 0; font-size:12px;}
.mMenuSide .sub-menu li a{padding:5px 0 5px 20px;}
.gnbm1 { background-size:6% !important; background-position:20px 3px !important; padding-left:60px !important;}
.gnbm2 { background-size:7% !important; background-position:20px 5px !important; padding-left:60px !important;}
.gnbm3 { background-size:7% !important; background-position:20px 5px !important; padding-left:60px !important;}
.gnbm4 { background-size:7% !important; background-position:20px 3px !important; padding-left:60px !important;}
.gnbm5 { background-size:7% !important; background-position:20px 5px !important; padding-left:60px !important;}
.gnbm6 { background-size:7% !important; background-position:20px 5px !important; padding-left:60px !important;}
#slider2 .bxslider2 li a {height:270px;}
.mobilebest {height:250px;}
.pname { font-size:11px;}
.pprice {font-size:11px;}
.bottombn { height:190px;}
#footer { font-size:9px;}
#footer .fttext3 { font-size:10px;}
#quicklink ul li { font-size:11px;}
#subcontainer h3 {font-size:20px;}
.sort { font-size:12px;}
.arrowmg { line-height:10px;}
.pricetable tr th { font-size:13px;}
.pricetable tr td { font-size:13px;}
.amount { font-size:11px;}
.infobtn a { font-size:14px;}
.infobtn .btn_cart { background:#1275c2 url(../images/common/ico_cartbtn.png) 25px 15px no-repeat; line-height:50px;}
.infobtn .btn_buy { line-height:50px;}
.infobtn .btn_wish { width:55px; line-height:50px;}
.listcart1 { width:30px; height:30px;}
.vdo_wide {width: 100%; height: 160px;}

}