/**************************************************
	Font
**************************************************/
@import url('../../../inc_html/css/font.css');
@import url('../../../inc_html/css/font-awesome.css');


/**************************************************
	Reset
**************************************************/
html,body{width:100%;height:100%; max-width: 760px; margin: 0 auto;  }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;}
body,h1,h2,h3,h4,input,button{font-size:14px; line-height:16px;}
body{font-family: 'Nanum Gothic', '나눔고딕','맑은 고딕', 'MalgunGothic', 'Dotum', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}/* HTML5 display-role reset for older browsers */
img,fieldset,iframe{border: 0 none;}
ol, ul{list-style:none;}
a{text-decoration:none; display: block;}
.clearfix{*zoom:1}
.clearfix:after {content:'';display:block;clear:both}
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
.cb{clear:both !important}
.ac{text-align:center !important}
.al{text-align:left !important}
.ar{text-align:right !important}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.vb{vertical-align:bottom !important}
.oh{overflow:hidden !important}
.cp{cursor:pointer !important}
.di{display:inline !important}
.dib{display:inline-block;display:-moz-inline-box}
.dn{display:none !important}
.db{display:block !important}
.vv{visibility:visible !important}
.vh{visibility:hidden !important}
.bbn{border-bottom:none !important}
.brn{border-right:none !important}
.bln{border-left:none !important}
.bn, .bn td, .bn th{border:none !important}
.bgn, .bgn td, .bgn th{background:none !important} 
.fb{font-weight:bold !important}
.fn{font-weight:normal !important}
.fixed{table-layout:fixed}
.pr{position:relative !important}
.mr0{margin-right: 0px !important;}



/**************************************************
	Wrap
**************************************************/
#wrap{width: 100%; max-width: 760px; margin: 0 auto; position: relative; overflow: hidden;}



/**************************************************
	Header
**************************************************/
#header{width: 100%; position: relative; background-color: #ffffff;}
#header.fixed{position: fixed !important; top: 0; z-index: 999; width: 100%; max-width: 760px; }
#header_bg{width: 100%; padding-bottom: 30%; position: relative; background: #ffffff; display: none;}

#gnb{width: 100%; box-sizing: border-box; padding: 10px 2%; background-color: #ffffff;}
.global{float: left; color: #72615d; font-weight: bold;  font-size: 12px;}
#shopLogin{float: right;}
#shopLogin li{float: left; margin-left: 8px;}
#shopLogin li a{display: block; color: #72615d; font-weight: bold; font-size: 12px;}

/** Logo **/
.logo{text-align: center; width: 25%; max-width: 220px; margin: 0 auto;}
.logo img{width: 100%;}

/** Mobile Menu **/
#mainMenu{background-color: #ffffff; position: relative; margin: 5px 0 10px;}
#mobileMenu .open{ } 
#mobileMenu > .mobileBtn{display: block; width: 6%; padding-bottom: 6%; position: absolute; right: 3%; top: 50%; margin-top: -3%; z-index: 100; background: url("../../images/main/menu.png") no-repeat; background-size: cover; background-position: center; cursor: pointer;} 
#mobileMenu > #menu >.mclose {position: absolute; top: 0; right: -18%; width: 6%; padding: 9% 6%; background: url("../../images/main/close.png") no-repeat center center; background-size: 70%; cursor: pointer; } 
#mobileMenu > #menu {width: 60%; height: 2000px; z-index: 9999; position: absolute; top: 0px; left: -60%; background-color: white; text-align: center; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease;  background-color: #363636; text-align: left; display: none;} 
#mobileMenu > #menu.open {display: block;  left: 0px; }
#mobileMenu .page_cover.open {display: block;}
#mobileMenu .page_cover {width: 100%; height: 100%; position: fixed; top: 0px;  left: 0px; background-color: rgba(0,0,0,0.4); z-index: 100; display: none;}

#mobileMenu .topnav{width: 100%; text-align: left; z-index: 99;}
#mobileMenu .topnav > li{width: 100%; background-color: #363636; color: #ffffff; line-height: 36px; border-top: 1px solid #1b1b1b; }
#mobileMenu .topnav > li > a{ color: #ffffff; padding-left: 5px; /* background: url(../../images/main/blt.png) no-repeat 10px center; font-size: 16px;*/ }
#mobileMenu .topnav > li > a:hover{text-decoration: underline;}
#mobileMenu .topnav > li > ul{background-color: #424242; font-size: 0; border-top: 1px solid #1b1b1b; }
#mobileMenu .topnav > li > ul > li{ width: 50%; float: left;border-bottom: 1px dotted #747474; border-right: 1px dotted #747474;;  box-sizing : border-box;}
#mobileMenu .topnav > li > ul > li > a{padding-left: 8px;color: #c6c6c6; font-size: 13px;}
#mobileMenu .topnav > li > ul > li > a:hover{text-decoration: underline;color: #ffffff;}
#mobileMenu .topnav > li > ul > li.lone{width: 100%;}



/**************************************************
	section 중간
**************************************************/
#section{width: 100%; position: relative;}


/**************************************************
	Footer 하단
**************************************************/
#footer{width: 100%; position: relative; background-color: #614f4b; }

/* #buContact [하단 고객센터] */
#buContact{width: 100%; background-color: #614f4b; padding: 20px 0; text-align: center;}
.buconAr2{width: 50%; float: left;}
.buconAr2 > h2{color: #ffffff; font-size: 16px; padding-bottom: 10px;}
.buconAr2 > p{color: #d3c2be; font-size: 12px; padding-bottom: 10px;}
.buconAr2 > p > span{color: #d3c2be; font-size: 16px; font-weight: bold;}
.buconAr2 > a{display: block; background-color: #473835; width: 50%; margin: 0 auto; color: #ffffff; font-weight: bold; padding: 5px 0;}

/*  #buLink [약관링크]  */
#buLink{width: 100%; background-color: #473835; text-align: center; padding: 6px 0;}
#buLink li{display: inline-block; margin: 0 8px;}
#buLink li a{ color: #bfaaa6; font-size: 12px;}

/*  #buInfo [하단정보]  */
#buInfo{width: 100%; background-color: #614f4b; padding: 20px 0; text-align: center;}
#buInfo > img{vertical-align: top; width: 36%;}
#infoTxt{margin-top: 20px;}
#infoTxt dl{display: table; width: 100%; box-sizing: border-box; padding: 0 2%; text-align: left; margin-bottom: 5px;}
#infoTxt dt{display: table-cell; float: left; width: 20%; color: #ffffff; font-size: 11px; font-weight: bold; line-height: 18px; word-break: keep-all;}
#infoTxt dd{display: table-cell; float: left; width: 76%; color: #ffffff; font-size: 11px; line-height: 18px;}
#infoTxt dd a{display: inline-block; color: #ffffff;}
#copy{color: #ffffff; font-size: 11px;  text-align: center;}