@charset "UTF-8";

*, *:before, *:after {box-sizing: border-box;}
html,body{
	font-size: 12px;
	   font-family: "NanumBarunGothic", sans-serif;
	margin:0;
	padding:0;
	height:auto;
	
}
/* Recommended */

@font-face{
    font-family: 'NanumBarunGothic';   
     src:  url("../fonts/NanumBarunGothicUltraLight") format('opentype'),
    local(※),url("../fonts/NanumBarunGothicUltraLight.woff") format('woff');
}
@font-face{
    font-family: 'NanumBarunGothic';
      src:  url("../fonts/NanumBarunGothicLight") format('opentype'),
     local(※),url("../fonts/NanumBarunGothicLight.woff") format('woff');
}

img {
	vertical-align: middle;
}


.clearfix {clear:both;}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.f_yellow {color:#f9e723}
.f_red {color:#e70000}
.f_green {color:#00b9bd}


div#searchCar.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 500;
}
.sticky ~ #mainBanner, .sticky ~ #container, .sticky ~ #main {
	margin-top : 88px;
}

#footer{
    background:#f7f7f7;
}

.footerInfo {
	width: 980px;
	list-style: none;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	font-size: 11px;
	color:#888;
	line-height:20px;
	text-align:center;
	
	/*background: url("/images/escro_save_org_gray.jpg") right no-repeat;*/
}

.family_link{width:110px;float:left;padding-top:14px;}
.family_link select{font-size:13px;padding:2px;}
.company_link{

	float:left;
	width:980px;
	text-align:center;


}

.footerInfo strong{
    color:black;
}

.footerInfo div {
    padding: 3px 0;
    display:inline-block;
}

.footerInfo>li>img {
    margin-left: 15px;
}

div#footerLink {
    background:#f1f1f1;
	
}

div#footerLink>div {
	width: 980px;
	height: 56px;
	margin: 0 auto;
	text-align: left;
	
}

div#footerLink>div>.company_link>a {
   /* float:left;*/
	text-decoration: none;
	color: #333;
	font-size: 13px;
	line-height: 59px;
	padding:8px 6px;
}


div#footerLink>div>a:before {
	content: '\02758';
	margin-right: 0px;
}

div#footerLink>div>a:first-child:before {
	content: '';
}

div#footer {
	margin-top: 50px;
}


div#container {
	width: 980px;
	margin: 0 auto;
}

div#container, div#main {
	position: relative;
}

div#container.fullSize {
	width: 100%;
}

.priceInfo>p>img {vertical-align: middle;}
.priceInfo>p>.price {font-weight: bold;font-size: 17px;color: #000;}

span.dcRate {
    color: #FE0006 !important;
    font-weight: bold !important;
    font-size:15px;
}
span.couponDc {
	color: #0773d8 !important;
    font-weight: bold !important;
    font-size:15px;
}
span.orgPrice {text-decoration: line-through;}
.priceInfo>p>.vat {color: #cdcdcd;font-size: 11px;font-weight: bold;}

.btn {cursor: pointer;text-decoration: none;}

.itemList a.btn {
	display: inline-block;
	width: 124px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin: 2px 5px;
	font-weight: bold;
	color: #fff;
}

.listArea>.itemList>li>div>div.btnGroup {position: absolute;right: 0;top: 17px;}

a.btn.cart {background-color: #fff; color:#2a89ff!important; border:1px solid #2a89ff; width: 120px;line-height:36px;}
a.btn.directcart {background-color: #2a89ff; border:1px solid #2a89ff; width: 120px;line-height:36px;}
a.btn.detail {}
a.btn.favorite { }


.myOfficeTitle {
	background-color: #000;
}

.myOfficeTitle h5 {
	margin: 0;
	font-size: 16px;
	color: #fff;
	line-height: 44px;
	display: inline;
}
      
.myOfficeTitle span {
	font-size: 12px;
	color: #e7e7e7;
}

.wrapper {
	position: relative;
}

.container {
	width: 980px;
	margin: 0 auto;
}

.myPageNav>.container {
	padding: 35px 0;
	text-align: center;
}


.myPageNav {
	background-color: #fcfcfc;
	border-bottom: 1px #e5e7eb solid;
	font-size: 15px;
	color: #000;
}

.myPageNav a {
	display: inline-block;
	width: 70px;
	height: 80px;
	text-align: center;
	font-weight: bold;
	letter-spacing: -1px;
	margin-left: 90px;
	text-decoration: none;
	color: #000;
}

.myPageNav a:first-child {
	margin-left: 0;
}

.myPageNav a>p {
	margin: 4px 0 0 0;
}


.myOfficeNav>.container {
	padding: 25px 0;
}


.myOfficeNav {
	background-color: #fcfcfc;
	border-bottom: 1px #e5e7eb solid;
	font-size: 15px;
	color: #000;
}

div#quickMenu.side {
	position: absolute;
	left: 50%;
	top: 229px;
	margin-left: 510px;
}

div#quickMenu.side.sticky {
	position: fixed;
}
div#quickMenuLeft.side {
	position: absolute;
	right: 50%;
	top: 229px;
	margin-right: 510px;
}

div#quickMenuLeft.side.sticky {
	position: fixed;
}

#searchCar ~ div#quickMenu.side {
	top: 250px;
}

.ui-datepicker-trigger {
	border: none;
	padding: 0;
}

.notice-popup {
	position: absolute;
	top: 50%;
	left: 50%;
	/* border: #000 1px solid; */
	z-index: 1000;
}

/*추석 공지 css*/
.notice-popup {
	position: absolute;
	z-index: 1000;
}
.notice-popup{
	position:fixed;
}
.popup-footer{
	width:100%;
	height:30px;
	background-color:#8f8376;
}
.close{
	color:#fff;
	text-decoration:none;
	font-size:12px;
	text-align:center;
}
.popup-footer>div{
	display:inline;
	text-align:center;
	line-height:30px;
}

.footer-right{
	float:right;
	margin-right:5px;
	
}
input#checkbox{
	width:15px;
	height:15px;
	float:left;
	margin:8px 0 0 5px;
}

/*추석 공지 끝*/

/*	구버전 popup css
.notice-popup>.popup-footer {
	background-color: #000;
	padding: 5px;
}

.notice-popup>.popup-footer:after {
	content: '';
	display: block;
	clear: both;
}

.notice-popup>.popup-footer>.footer-left {
	float: left;
}

.notice-popup>.popup-footer>.footer-right {
	float: right;
}

.notice-popup>.popup-footer a {
	color: #fff;
}

.notice-popup>.popup-footer * {
	vertical-align: middle;

}
*/

.row {
	overflow:hidden;
	margin: 15px 0;
}


.row:after {
    content: '';
    display: block;
    clear: both;
}

.mypage-category {
    float: left;
    font-size: 15px;
    font-weight: bold;
    width: 125px;
}

.mypage-subcategory {
    overflow: hidden;
    font-size: 14px;
}

.mypage-subcategory>a {
    text-decoration: none;
    color: #000;
    margin-left: 20px;
}

.mypage-subcategory>a.active {
    text-decoration:underline;
    font-weight:bold;    
}

.mypage-subcategory>a:hover {
    color: blue;
    text-decoration: underline;
}

.mypage-subcategory>a:first-child {
    margin-left: 0;
}


.topButton a{

	position:fixed;
	left:50%;
	margin-left:430px;
	bottom:0px;
	width:60px;
	height:45px;
	line-height:43px;
	border: 2px solid #ddd;
	border-radius:6px 6px 0px 0px;
	text-align:center;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	/*background:#fff;*/
	background:#fff url("/img/btn/topButton.png") 20px no-repeat;
	visibility:hidden;
}

.quickMenuBanner{

	position:fixed;
	left:0; 
	bottom:0;
 	

}
.bannerFold{
	
	text-decoration:none;
	text-align:right;
}


.bannerFold div{

	font-size:20px;
	text-align:right;
	/*background:#ddd;*/
	padding: 5px 10px 5px 10px;
}