/* BASIC css start */
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }


/* header */
#header { position:relative; width:100%; background:#fff; }
#header .headerTnb { margin:0 auto; position:relative; width:100%; height:40px; background-color: #1b1b1b; *zoom:1 }
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft { float:right;}
#header .headerTnb .tnbLeft li { padding-right:20px; float:left }
#header .headerTnb .tnbLeft li a { font-family: Verdana,sans-serif; font-size:12px; font-weight:400;  display:block; height:40px; color:#fff; line-height:40px }
#header .headerTnb .tnbLeft li.noticeLine { padding-left:23px }
#header .headerTnb .tnbLeft li.noticeLine p { padding-left:21px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/ico_volume.gif) 0 17px no-repeat }
#header .headerTnb .tnbLeft li.noticeLine p a { font-size:11px; color:#7a7a7a; line-height:49px; line-height:53px \0/IE8+9 }
#header .headerTnb .tnbRight { float:right; margin-right:20px;}
#header .headerTnb .tnbRight li { padding-left:20px; float:left }
#header .headerTnb .tnbRight li a { font-family: Verdana,sans-serif; font-size:12px; font-weight:400; display:block; height:40px; color:#fff; line-height:40px; }

#header .headerTop { margin:0 auto; position:relative; width:1300px; height:120px; *zoom:1 }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo { padding:40px; margin-left:5px; text-align:left }
#header .headerTop .tlogo a {font-family: 'NanumSquare', sans-serif; font-size:38px; font-weight:800; letter-spacing:-1px;}

#header .headerTop .searchArea { position:absolute; top:40px; right:380px; width:620px; height:50px; border-bottom:0px solid #000 }
#header .headerTop .searchArea .search { position:relative; width:620px; height:50px }
#header .headerTop .searchArea .search input { padding-left:10px; width:620px; height:50px; line-height:50px; border:none; background:#f5f5f5; border-radius: 22px;}
#header .headerTop .searchArea .search a { display:block; position:absolute; top:11px; right:8px; width:25px; height:30px; text-indent:-9999em; background:url(/design/lifestore/main/btn_search.png) 0 0 no-repeat }
.pointColor {color: #90acda !important;}


/* toggle menu */
.toggle_button { cursor:pointer; display:block; position:absolute; margin-top:-78px;margin-left:240px;}
#toggle_button,
#toggle_contents { height:0; overflow:hidden; position:relative;}
#toggle_button:checked + #toggle_contents { margin-left:40px; margin-top:-40px; width:227px; height:auto; position:absolute; border:0px solid #000;border-radius:0px; border-top:0; padding:0px;  z-index:999;}
.close_button { cursor:pointer; position:absolute; top:8px; right:8px; padding:5px; font-size:12px; line-height:1; background:#555; color:#fff;}


/* top bnr right */
#hdBn2 { margin-left: 370px;}
#header .headerTop .hd-bn {position: absolute; top: 12px; left: 50%;}



/* fixed menu */
.mheader {position:relative; min-width:100%; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; z-index:2;}
.mheader .inner {width:1200px; margin:0 auto; position:relative; z-index:2; padding-left: 15%;}

.mheader .top_left {position:relative;}
.mheader .top_left  ul:after {display:block; clear:both; content:'' }
.mheader .top_left ul li {display:inline-block; text-align:left; margin-right:240px;}
.mheader .top_left .last {float:right;margin:0;}
.mheader .top_left .first {float:left;}
.mheader .top_left  ul li  a {font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:15px; color:#000; display:block; height:50px; line-height:50px; white-space:nowrap; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent }
.mheader .top_left  ul li  a:before { content:""; position:absolute; bottom:0; height:3px; background:#000; -webkit-transition-property:left, right; transition-property:left, right; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out }
.mheader .top_left  ul li a:active:before, {}
.mheader .top_left  ul li a:focus:before,
.mheader .top_left  ul li a:hover:before {left:0; right:0 }
.mheader .top_left  ul li a:hover { *border-bottom:2px solid #000; color:#000; font-weight:500;}


#comment_top.fixed {position:fixed; top:0px; left:0px; z-index:2222;  }
#comment_top.fixed.mheader {height:50px; background:#fff; border-bottom:1px solid #e9e9e9; -webkit-transition: .0s ease-in-out; transition: .0s ease-in-out; -webkit-backface-visibility: hidden;}
#comment_top.fixed .inner {width:1200px; margin-top:0px; -webkit-transition: .0s ease-in-out; transition: .0s ease-in-out; -webkit-backface-visibility: hidden;}



/* 카카오톡 상담,채널 */
#fixed-btn {z-index:2; position: fixed; right:30px; bottom:90px;}
#fixed-btn ul { display: block; font-size: 0;}
#fixed-btn ul li {  display: block; margin: 5px 0;}
#fixed-btn ul li img { width:104px;  height: auto;}






/* BASIC css end */