/* ----------------------
170922 NEWBREED (김수영)
---------------------- */
@charset "utf-8";
@import "reset.css";
@import "guide.css";
@import "../board/basic/board.css"; /*보드 스타일 추가*/

/*----------------------------기본 스타일-----------------------------------------*/
html, body,
div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td,
a {color: #444;font-size:14px; font-family:"Noto Sans KR", "Malgun Gothic", 맑은고딕, dotum, sans-serif;}
*{box-sizing: border-box;}
/*------------------------------------레이아웃------------------------------------*/
#wrap{position: relative;min-width: 1200px;}
.innerWrap{position: relative;margin: 0 auto;width: 1200px;}

/* HEADER */
#header {
	position:relative;
}
#header .headerWrap {
	position: relative;
}
.upperHeader {
	position: relative;
	height: 126px;
}
.logo {
	float: left;
	padding-top: 15px;
}
.rightInfo {
	float: right;
	padding-top: 45px;
}
.rightInfo01 li {
	float: left;
}
.rightInfo01 li a {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #666;
}
.rightInfo01 li.riLink {
	margin-top: 10px;
	margin-left: 17px;
}
.rightInfo01 li.headerCartLink {
	margin-top: 8px;
	margin-left: 14px;
}
.rightInfo01 li.headerCartLink a,
.rightInfo01 li.headerCartLink span {
	float: left;
}
.rightInfo01 li.headerCartLink span {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 400;
	font-size: 10px;
	margin-top: 1px;
	margin-left: 3px;
	display: block;
	text-align: center;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	line-height: 16px;
	background-color: #ef5353;
	color: #fff;
}
.searchFormList {
	margin-left: 14px;
}

.searchFormWrap {	
	position: relative;	
}
.searchFormWrap input[type="text"] {
	width: 281px;
	height: 30px;
	background: #fff;
	border-bottom: 1px solid #000;
}
.searchFormWrap button[type="submit"] {
	position: absolute;
	background: url("../images/layout/search.png") no-repeat center center;
	width: 17px;
	height: 17px;
	top: 6px;
	right: 4px;
}
.visuallyHidden {
	display: none;
    overflow: hidden;
    padding: 0;
    position: absolute;	
}
.lowerHeader {
	background-color: #222;
	position: relative;
}
.gnb {
	/*padding: 14px 0 15px;*/
}
.gnb li {
	float: left;
	margin-left: 66px;
}
.gnb li:first-child {
	margin-left: 0;
}
.gnb li a {
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	letter-spacing: -0.35px;
}
.allCateWrap {
	width: 100%;
	height: 500px;
	position: absolute;
	background-color: #fff;
	z-index:52;
	top: 46px;
	display: none;
}	
.tab.top {
	font-size: 0;
	padding-top: 16px;
}
.tablinks.top {
	font-family: 'Noto Sans KR', sans-serif; 
	font-weight: 400;
	font-size: 15px;
	color: #222;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 50%;
	background-color: #f2f2f2;
	color: #000;
	border: 1px solid #e1e1e1;
	height: 45px;
	line-height: 45px;
}
.tablinks.top.active {
	background-color: #fff;
	border: 1px solid #222;
}
.tabcontent.top > ul {
	padding-top: 7px;
	padding-left: 8px;
}
.tabcontent.top > ul > li {
	float: left;
	margin-left: 77px;
}
.tabcontent.top > ul > li:first-child {
	margin-left: 0;
}
.tabcontent.top > ul > li dl {
	width: 155px;
	text-align: left;
	font-size: 0;
	padding-top: 17px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e1e1e1;
}
.tabcontent.top > ul > li dl:last-child {
	border-bottom: none;
}
.tabcontent.top > ul > li dt {
	float: left;
	display: block;
	padding-left: 7px;
}
.tabcontent.top > ul > li dt a {
	font-family: 'Noto Sans KR', sans-serif; 
	font-size: 13px;
	font-weight: 800;
	color: #444;
}
.tabcontent.top > ul > li dd {
	float: left;
	display: block;
	margin-left: 14px;
}

.tabcontent.top > ul > li dd a {
	font-family: 'Noto Sans KR', sans-serif; 
	font-size: 13px;
	font-weight: 400;
	color: #777;
	letter-spacing: -0.5px;
}
.tabcontent.top > ul > li dd ul li {
	margin-top: 17px;
}
.tabcontent.top > ul > li dd ul li:first-child {
	margin-top: 0;
}


/* FOOTER */
.footerNav{padding: 10px 0;border-bottom: 1px solid #e1e1e1;}
.footerMenu{margin: 0 auto;width: 1260px;}
.footerMenu li{position: relative;float: left;padding: 0 14px 0 15px;}
.footerMenu li a{ color: #333;font-size: 15px;}
.footerMenu li:before{position: absolute; top: 50%; left: 0;display: inline-block;width: 1px;height: 11px;background: #d1d1d1;content: "";transform: translateY(-50%);}
.footerMenu li:first-child{padding-left: 0;}
.footerMenu li:first-child:before{display: none;}

.copyWrap{padding: 25px 0;}
.copyWrap .innerWrap > div{float: left;min-height: 172px;}
.copyWrap h4{margin-bottom: 10px;font-weight: bold;font-size: 15px;}
.cs{padding-right: 45px;width: 300px;border-right: 1px solid #e1e1e1;}
.csNum{margin-bottom: 20px;font-weight: bold;font-size: 50px;}
.cs dt{font-weight: bold;font-size: 15px;}
.cs dd{font-size: 14px;}
.copy{padding: 0 25px;width: 460px;border-right: 1px solid #e1e1e1;}
.copy dd{margin-bottom: 5px;font-size: 13px;}
.copy dd a{font-weight: bold;}
.notice{padding-left: 20px;width: 440px;}
.notice .btnNotice{float: right;font-weight: normal;font-size: 13px;}
.notice li a{display: inline-block;width: 75%;}
.notice li span{display: inline-block;width: 25%;text-align: right;}

/*QUICK MENU*/
#quickWrap{position: fixed;top: 0;right: -150px;bottom: 0;z-index: 52;width: 150px;border-left: 1px solid #e1e1e1;background: #fcfcfc;;}
.quickBox{position: fixed;top: 50%;right: -150px;margin-top: -245px;width: 150px;}
.quickBox li{border-bottom: 1px solid #e1e1e1;}
.quickBox li:first-child{border-top: 1px solid #e1e1e1;}
.quickBox li a{display: block;padding: 15px 0;text-align: center;font-size: 15px;}
#quickWrap .bookmark{padding-top: 40px;background: url(../images/bg_bookmark.png) center 15px no-repeat;}
.quickCS{padding: 35px 0;}
.quickCS h3{text-align: center;font-weight: bold;font-size: 13px;}
.quickCS strong{display: block;margin-bottom: 5px;padding-left: 10px;font-weight: bold;font-size: 22px;}
.quickCS dl{text-align: center;font-family: "Malgun Gothic";}
.quickCS dd{margin-top: 5px;font-size: 13px;}
.quickCS dt{padding-left: 15px;text-align: left;font-weight: bold;font-size: 14px;}
.quikSNS{padding: 25px 0;}
.quikSNS h3{padding-left: 15px;font-weight: bold;font-size: 13px;}
.quikSNS a{display: inline-block !important;}

.quickNav{position: fixed;top: 100px;right: 150px;text-align: right;}
.quickNav ul{overflow: hidden;width: 42px;}
.quickNav li{height: 42px;}
.quickNav li a{display: block;width: 170px;}
.quickNav li a span{display: inline-block;width: 125px;height: 42px;}
.quickNav li img{float: left;}





.browser { position:fixed; top:50%; right:0; overflow:hidden;margin-top: -150px; width:170px; height:300px;}
.navigation {display:inline-block;width:167px;}
.navigation li {float:left;height:42px;border:1px solid #ddd;white-space:nowrap;line-height:42px;}
.navigation li img{height: 40px;}
.area_icon {position:relative;display:inline-block;float:left;width:40px;height:100%;border-right:1px solid #ddd;text-align:center;}
.area_icon i { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.area_text { display:inline-block; float:left; padding:0 10px; width:125px;height: 41px;border-bottom: 1px solid #ddd;background: #fff;}
.navigation { position:absolute; right:0; z-index:10;}
.navigation li { -webkit-transition:transform .3s ease; transition:transform .3s ease; -webkit-transform:translateX(125px); transform:translateX(125px);}
.navigation li:hover { -webkit-transform:none; transform:none;}
.navigation li.btnQuick:hover{-webkit-transition:transform .3s ease; transition:transform .3s ease; -webkit-transform:translateX(125px);transform:translateX(125px);}

/* COMMON */
.secTitle{margin-bottom: 25px;font-size: 30px;}
.secTitle strong{font-weight: bold;}
.secTitle span{display: block;font-weight: bold;font-size: 17px;}
.btnMore{display: inline-block;padding: 14px 70px;border: 2px solid #e1e1e1;border-radius: 24px;background: #fff url(../images/bg_btn_more.png) 65px center no-repeat;text-align: center;text-indent: 10px;font-size: 18px;}
/* MAIN */
.section_1{}
.section_1 .bx-wrapper{position: relative;}
/*
.section_1 .bx-controls.bx-has-pager{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%); z-index:52;}
*/
.section_1 .bx-pager.bx-default-pager {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%); z-index:52;}
.section_1 .mainVisual .bx-pager-item{display: inline-block;margin-left: 10px;}
.section_1 .mainVisual .bx-pager-item:first-child{margin-left: 0;}
.section_1 .mainVisual .bx-pager-item a {display: block;width: 7px;height: 7px;background: url(../images/slide_paging.png) 0 0 no-repeat;text-indent: -9999px;}
.section_1 .mainVisual .bx-pager-item a.active{width: 24px;background-image: url(../images/slide_paging_on.png);}
.section_1 .mainVisual .bx-controls-direction a { position: absolute; width: 20px; height: 39px; top: 50%; margin-top: -20px; z-index:53; background-repeat: no-repeat; background-position: 0 0; text-indent: -99999px; opacity: 0; }
.section_1 .mainVisual .bx-controls-direction a.bx-prev { background-image: url("../images/style/left.png"); left: 3%; }
.section_1 .mainVisual .bx-controls-direction a.bx-next { background-image: url("../images/style/right.png"); right: 3%; }

.section_2{padding: 40px 0;}
.section_2 .innerWrap > div{float: left;margin-left: 24px;width: 384px;}
.section_2 .innerWrap > div:first-child{margin-left: 0;}
.topBanner1{position: relative;}
.section_2 .bx-controls.bx-has-pager{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%); z-index:52;}
.section_2 .bx-pager-item{display: inline-block;margin-left: 10px;}
.section_2 .bx-pager-item:first-child{margin-left: 0;}
.section_2 .bx-pager-item a {display: block;width: 7px;height: 7px;background: url(../images/slide_paging.png) 0 0 no-repeat;text-indent: -9999px;}
.section_2 .bx-pager-item a.active{width: 24px;background-image: url(../images/slide_paging_on.png);}
.topBanner3 li{margin-top: 21px;}
.topBanner3 li:first-child{margin-top: 0;}

.section_3{padding: 40px 0;background: #f8f8f8;}
/*.section_3 ul, .goodsList ul{margin-bottom: 40px;}*/
/*.section_3 li, .goodsList li{float: left;margin-left: 26px;width: 280px;}*/
.section_3 img, .goodsList .goodsImg img{width: 100%;height: 390px;}
/*.section_3 li:nth-child(4n+1), .goodsList li:nth-child(4n+1){margin-left: 0;}*/
.section_3 ul+p, .goodsList ul+p{text-align: center;}

.section_4 .innerWrap > div{float: left;margin-left: 24px;}
.section_4 .innerWrap > div:first-child{margin-left: 0;width: 384px;}
.section_4 ul:first-child{margin-bottom: 27px;}
.section_4 li img{width: 384px;height: 203px;}
.section_4 a{display: block;}

.section_5{padding: 40px 0; background: #f8f8f8;}
.mainTabWrap {position: relative;padding-top: 70px;}
.mainTabWrap h3{position: absolute;top: 0;left: 0;width: 25%;height: 44px;border: 1px solid #e1e1e1;border-left: none;background: #fff;text-align: center;font-size: 16px;line-height: 44px;cursor: pointer;}
/*.mainTabWrap > div{display: none;}*/
.mainTabWrap > div.on{display: block;}
.mainTabWrap h3:first-child{border-left: 1px solid #e1e1e1;}
.mainTabWrap h3:nth-child(3){left: 25%;}
.mainTabWrap h3:nth-child(5){left: 50%;}
.mainTabWrap h3:nth-child(7){left: 75%;}
.mainTabWrap h3.on{border-bottom: 2px solid #8578d2;color: #8578d2;}

.section_6{padding: 40px 0;background: #fff;}
/* GOODS LIST */
/*.goodsList li {position: relative;float: left;margin-bottom: 40px;margin-left: 26px;padding-bottom: 10px;}*/
/*.goodsList li:first-child{margin-left: 0;}*/
.tagBox{position: absolute;z-index: 10;}
.tagBox span{display: inline-block;width: 70px;height: 70px;background: url(../images/tag_1.png) center center no-repeat;text-indent: -9999px;}
.sOutDim{position: absolute;bottom: 0;left: 0;z-index: 11;width: 100%;height:389px;background: rgba(0,0,0,0.7);color: #fff;text-align: center;font-size: 20px;line-height: 389px;}
/*.goodsImg{position: relative;display: block;margin-bottom: 10px;}*/
.goodsIcon{margin-bottom:5px;height: 20px;}
.goodsDetail dt{margin-bottom: 5px;}
.goodsDetail dt a{font-weight: bold;font-size: 16px;}
.goodsDetail dd a{color: #444;font-size: 13px;}
.goodsTag{padding: 5px 0;height: 20px;}
.goodsTag img{float: left;margin-right: 5px;}
.listPrice{color: #333;font-weight: bold;font-size: 15px;}


/* SUB COMMON */
.breadcrumb{padding: 20px 0 5px;}
.breadcrumb ul{float: right;}
.breadcrumb li{position: relative;float: left;padding-right: 5px;padding-left: 8px;height: 20px;line-height: 20px;}
.breadcrumb li:before{position: absolute;top: 50%;left: 0;display: inline-block;margin-top: -4px;width: 5px;height: 9px;background: url(../images/ico_bc_arrow.png) center center no-repeat;content: "";}
.breadcrumb li:first-child:before{display: none;}

#lnb li{float: left;border: 1px solid #e1e1e1;border-left: none;}
#lnb li:first-child{border-left: 1px solid #e1e1e1;}
#lnb li a{display: block;height: 44px;text-align: center;font-size: 16px;line-height: 44px;}
.pageTitle{margin-top: 30px;margin-bottom: 20px;font-weight: bold;font-size: 26px;}
.pageTitle span{color: #666;font-weight: normal;font-size: 14px;;}

.board_skin{margin-bottom: 40px;}

/* SUB */
.branchSearch{margin-bottom: 40px;border: 1px solid #e1e1e1;}
.branchSearch > div{float: left;width: 50%;}
.branchSearch > div:first-child{padding: 55px 40px;}
.branchSearch h3{margin-bottom: 25px;color: #8578d2;font-weight: bold;font-size: 18px;}
.branchSearch dl{margin-bottom: 30px;}
.branchSearch dl dt{margin-bottom: 5px;font-size: 16px;}
.branchSearch dl dd{height: 52px;line-height: 52px;}
.branchSearch select{display: block;float: left;padding-left: 10px;width: 49%;height: 52px;border: 1px solid #e1e1e1;font-size: 15px;line-height: 52px;}
.branchSearch select:first-child{margin-right: 2%;}
.branchSearch input[type=text]{width: 100%;height: 52px;border: 1px solid #e1e1e1;line-height: 52px;}
.branchSearch input[type=submit]{width: 100%;height: 52px;border: none;background: #8578d2;color: #fff;text-align: center;font-weight: bold;font-size: 18px;line-height: 52px;}


/*Product List*/
.titleWrap{position: relative;padding: 20px 0 15px;}
ul.location{float: right;}
ul.location li{float: left;padding: 0 5px;font-size: 13px;}
li.locaHere, li.locaHere a{color: #ec3c40;font-weight: bold;}
.cateWrap{box-sizing: border-box;margin-bottom: 30px;}
.cateWrap ul li{float: left;width: auto;height: 35px;border: 1px solid #e1e1e1;border-left: none;text-align: center;line-height: 35px;}
.cateWrap ul li:first-child{border-left: 1px solid #e1e1e1;}
.cateWrap li a{ color: #666;font-size: 16px;}
.cateWrap li a span{color: #adacac;font-size: 13px;}
.cateWrap li.on a, .cateWrap li.on a span{color: #000;font-weight: bold;}
.cateList{background: url(../images/bg_cate_list.png) -30px center no-repeat;}
select.custom{padding-left: 5px;width: 100px;background: url(../images/bg_arrow_lower.png) 85px center no-repeat;font-size: 12px;}

.shop_sort{margin-bottom: 20px;}
.shop_sort .flLeft{width: 30%;}
.shop_sort .flRight{width: 490px;text-align: right;}
.sort_select, .item_no_select{float: right;}
.sort_select span{margin: 0 10px;}
.shop_sort .flRight ul li{display: inline-block;}

/* GOODS VIEW */
.goodsInfoImg{float: left;padding-right: 25px;height: 815px;}
.goodsInfoDetail{float: right;padding: 25px 20px;border: 1px solid #e1e1e1;background: #fcfcfc;}
.goodsInfoImg img{width: 100%;height: 815px;}

.goodsInfoDetail h3{font-weight: bold;font-size: 24px;}
.viewTable{padding: 10px 0;width: 100%;border-bottom: 1px dashed #e1e1e1;}
.viewTable th, .viewTable td{padding: 7px 0;font-size: 15px;}
.viewTable th{padding-left: 15px;background: url(../images/bullet_table.png) left center no-repeat;}
.viewTable td{padding-left: 10px;}
.viewTable strong{font-weight: bold;font-size: 20px;}
.cPurple{color: #8578d2;}
.viewNotice{position: relative;padding-left: 15px;}
.viewNotice:before{position: absolute;top: 0;left: 0;content: "※";}
.btnGoods{display: inline-block;padding: 0 20px;height: 45px;border: 1px solid #e1e1e1;background: #333;color: #fff;text-align: center;font-size: 16px;line-height: 45px;}
.btnPurple{background: #8578d2;}
.btnWhite{background: #fff;color: #444;}
.totalPrice{margin-bottom: 15px;padding: 15px;border: 1px solid #e1e1e1;background: #fff;}
p.total span{display: block;float: left;width: 50%;text-align: left;font-size: 17px;font-family: "Malgun Gothic";}
p.total strong{display: block;float: right;width: 50%;text-align: right;font-size: 19px;}
#total_price{color: #8578d2;}
p.total strong b{color: #444;font-size: 17px;}
.viewBtn{margin-bottom: 15px;}
/*상품상세보기_상품정보*/
.goods_info_wrap {margin-top: 30px;padding-top: 30px;border-top: 2px solid #dbdbdb;}
.goods_tab {margin:40px 0 35px;}
.goods_tab ul{overflow:hidden;}
.goods_tab ul li{position: relative;float:left;box-sizing: border-box;width: 25%;border:1px solid #e1e1e1;border-left: none;background: #f8f8f8;text-align:center;font: 17px/46px dotum,sans-serif;}
.goods_tab ul li:first-child{border-left: 1px solid #e1e1e1;}
.goods_tab ul li a{display:block;color: #444;font-size:17px;}
.goods_tab ul li.on{border: 1px solid #444;border-bottom: 1px solid #fff;background:#fff;}
.goods_tab ul li.on a{}
.goods_tab ul li span{position: absolute;top: 5px;display: inline-block;padding: 0 3px;height: 15px;background: #000;color: #fff;font-size: 12px;line-height: 15px;}
/* Gallery */
.galleryList li{float: left;margin-bottom: 20px;margin-left: 18px;width: 388px;}
.galleryList li:nth-child(3n+1){margin-left: 0;}
.galleryList li img{width: 100%;height: 281px;}
.galleryTitle{display: block;height: 55px;text-align: center;font-weight: bold;font-size: 16px;line-height: 55px;}
.galleryList.event li{margin-left: 2%;width: 49%;}
.galleryList.event li:nth-child(3n+1){margin-left: 2%;}
.galleryList.event li:nth-child(2n+1){margin-left: 0 !important;}
.galleryList.event li img{height: 223px;}

/* MY PAGE */
.myLevel { 
	border: 1px solid #d7d7d7;
	background-color: #fcfcfc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 24px;
	padding-bottom: 25px;
	padding-left: 19px;
	margin-top: 35px;
}
#pointWrap{border: 10px solid #e1e1e1; margin-top: 21px;}
.pointTable{float: left;width: 50%;}
.pointTable:first-child{border-right: 1px solid #e1e1e1;}
.pointTable td{ font-size: 16px; font-family: 'Nanum Gothic', sans-serif; color: #333; font-weight: 400; }
.pointTable th{text-align: left; padding-left: 27px; font-size: 16px; font-family: 'Nanum Gothic', sans-serif; color: #333; font-weight: 400; }
.ptFirst th { padding-top: 20px; }
.ptSnd th { padding-top: 23px; }
.ptThrd th { padding-top: 24px; padding-bottom: 21px; }
.pointTable td{text-align: right;}

.btnInTable{display: inline-block;padding: 5px 10px;border: 1px solid #e1e1e1;text-align: center;}
.myPageLink { margin-top: 42px; }
.myPageLink li {
	float: left;
	display: block;
	text-align: center;
	margin-bottom: 35px;
	margin-left: 15px;
	width: 390px;
	height: 198px;
	border: 1px solid #d7d7d7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.myPageLink li:nth-child(3n+1){margin-left: 0;}
.myPageLink li dt {
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: 800;
	font-size: 30px;
	color: #333;
	padding-top: 58px;
}
.myPageLink li dd.mpl01 {
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #333;
	padding-top: 24px;
}
.myPageLink li dd.mpl02 {
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	color: #555;
	padding-top: 6px;
}
.myPageLink li:hover {
	border: 2px solid #ef5353;
}
.myPageLink li:hover dt {
	color: #ef5353;
}
/* INSTA */
.instaWrap{padding: 50px 0;background: #f8f8f8;}
#insta li{float: left;margin-bottom: 5px;margin-left: 8px;width: 143px;}
#insta li:nth-child(8n+1){margin-left: 0;}
#insta li img{width: 100%;height: 143px;}


.goodsList_banner br{display: none;}
.grayBox{padding: 40px;background: #f8f8f8;}
.grayBox p{text-align: center;}


/*  */
.gradeInfo, .couponTab{
	margin-bottom: 40px;
	border: 10px solid #e6e6e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gradeInfo > div, .gradeInfo > ul{float: left;box-sizing: border-box;width: 50%;}
.gradeInfo > div {
	position: relative;
	padding-top: 33px;
	padding-left: 23px;
	height: 140px;
	color: #333;
	text-align: left;
	font-size: 18px;
	line-height: 1.8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gradeInfo > div:after{position: absolute;top: 0; bottom: 0;right: 0;display: inline-block;width: 1px; background: #e6e6e6;content: "";}
.gradeInfo > ul{}
.gradeInfo span{color: #ec3c40;font-weight: bold;}
.gradeInfo li div{font-size: 16px;}
ul.table{display: table;}
li.tableRow{display: table-row;}
div.tableCell{display: table-cell;}
.gradeInfo .tableCell{width: 50%;color: #333;font-size: 16px;}
.dHead{
	position: relative;
	box-sizing: border-box;
	padding-left: 21px;
	text-align: left;
}
.tableRow.fst div {
	padding-top: 21px;
}
.tableRow.snd div {
	padding-top: 26px;
}
.tableRow.thrd div {
	padding-top: 26px;
}
/* .dHead:before{position: absolute;top: 50%;left: 0;display: inline-block;width: 2px;height: 2px;background: #151515;content: "";transform: translateY(-50%);} */
.dData {
	text-align: right;
	padding-right: 23px;
}

.schOrder{
	position: relative;	
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left: 16px;
	background: #f8f8f8;
}
.btnDateSet {
	float: left;	
}
.btnDateSet button {
	margin-left: 7px;
}
.btnDateSet button:first-child {
	margin-left: 0;
}
.btnDateSet button{
	float: left;
	box-sizing: border-box;
	width: 89px;
	height: 36px;
	border: 1px solid #e6e6e6;
	background: #fff;
}
.btnDateSet button.on {
	background: #3d3d3d;
	color: #fff;
}
.schDistance{
	float: left;
	margin-left: 34px;
}
.schDistance label {
	display: inline-block;
	line-height: 36px;
	font-family: 'Noto Sans KR', sans-serif; 
	font-weight: 400;
	font-size: 15px;
	color: #292929;
}
.schDistance input {
	width: 110px;
	height: 36px;
	border: 1px solid #e6e6e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.schDistance span{display: inline-block;margin: 0 9px;width: 6px;height: 35px;vertical-align: middle;line-height: 30px;}
.btnGoods.el {
	width: 112px;
	height: 36px;
	line-height: 36px;
}
/* 테이블 */
.infoType1.el td {
	border-top: 1px solid #e1e1e1;
}
/*하단 안내*/
.noticeWrap{box-sizing: border-box;margin-bottom: 20px;}
.noticeWrap dl:first-child{}
.noticeWrap.orderNotice dl{float: none;width: 100%;}
/* .noticeWrap dt{position: relative;box-sizing: border-box;height: 35px;border-bottom: 1px solid #e6e6e6;font-weight: bold;font-size: 14px;background: #f8f8f8;} */
.noticeWrap dt.benefit{background-image: url(../images/bg_notice_benefit.png);}
.noticeWrap dt.center{background-image: url(../images/bg_notice_center.png);}
/* .noticeWrap dt:before{position: absolute;bottom: -1px;left: 0;display: inline-block;width: 60px;height: 2px;background: #ec3c40;content: "";} */
.noticeWrap h3{padding: 15px 20px;border: 1px solid #e6e6e6;background: #f8f8f8;font-size: 16px;}
.noticeWrap dl{padding: 20px;border: 1px solid #e1e1e1;border-top: none;background: #fff;}
.noticeWrap h3+p{color: #666;letter-spacing: -0.06em;font-size: 16px;}
/* .noticeWrap dd{padding-top: 25px;} */
.noticeWrap li{position: relative;color: #666;font-size: 14px;line-height: 23px;}
.noticeWrap li:last-child{margin-bottom: 0;}
.noticeWrap ul li{margin-bottom: 15px;padding-left: 7px;}
.noticeWrap ul li:before{position: absolute;top: 8px;left: 0;display: inline-block;width: 2px;height: 2px;background: #666;content: "";}
.noticeWrap ol li{margin-bottom: 5px;padding-left: 30px;letter-spacing: -0.06em;}
.noticeWrap ol li:before{position: absolute;top: 50%;left: 0;display: inline-block;width: 20px;height: 20px;background: #666;color: #fff;content: "1";text-align: center;font-size: 14px;line-height: 20px;transform: translateY(-50%);}
.noticeWrap ol li:nth-child(2):before{content: "2";}
.noticeWrap ol li:nth-child(3):before{content: "3";}
.noticeWrap ol li:nth-child(4):before{content: "4";}
.noticeWrap ol li:nth-child(5):before{content: "5";}
.noticeWrap ol li:nth-child(6):before{content: "6";}
.noticeWrap ol li span{color: #ec3c40;font-weight: bold;}
.noticeWrap dd > em{display: block;margin-bottom: 5px;color: #666;font-size: 24px;}
.noticeWrap dd > b{display: block;margin-bottom: 20px;color: #666;font-size: 38px;}
.noticeWrap dd > b span{color: #ec3c40;}
.noticeWrap dd > strong{display: block;margin-bottom: 20px;color: #666;font-size: 16px;}
.noticeWrap .center+dd li:before{display: none;}
.noticeWrap .center+dd li{padding-left: 65px;height: 55px;background: url(../images/bg_notice_call.png) left center no-repeat;line-height: 55px;}
.noticeWrap .center+dd li:first-child strong{letter-spacing: -0.06em;font-size: 24px;}
.noticeWrap .center+dd li:nth-child(2){background-image: url(../images/bg_notice_fax.png);}
.noticeWrap .center+dd li:nth-child(3){background-image: url(../images/bg_notice_clock.png);}
.noticeWrap .center+dd li:nth-child(4){background-image: url(../images/bg_notice_mail.png);}

.paging_form{margin: 20px 0;}
.goodsOption .btnClose{position: absolute;right: 0;top: 0;}
.addOptUnit p{padding-bottom: 10px;}

.board_button{margin:10px 0;}


/**/
.optionTd select {
	height: 40px;
}

/* 주문리스트 */
.olSubGnb li {
	float: left;
	display: block;
	text-align: center;
	width: 207px;
	height: 45px;
	line-height: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
}
.olSubGnb li a {
	font-size: 17px;
	color: #292929;
}
.olSubGnb li.on {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}