/* BASIC css start */
#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 }
#wrap{position: relative;}
/* header */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header .headerTnb { margin:0 auto; position:relative; width:1280px; height:45px; *zoom:1 }
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft { float:left }
#header .headerTnb .tnbLeft li { padding-right:9px; float:left }
#header .headerTnb .tnbLeft li a { display:block; height:45px; color:#8d6f60; line-height:45px; font-family: 'Lato', 'Noto Sans KR', sans-serif; font-weight: bold;}
#header .headerTnb .tnbLeft li a img{margin-right:7px; vertical-align: sub;}
#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 }
#header .headerTnb .tnbRight li { padding-left:10px; float:left }
#header .headerTnb .tnbRight li.joinicon{position:relative;}
#header .headerTnb .tnbRight li a { display:block; height:45px; color:#8d6f60; line-height:45px; font-family: 'Lato', 'Noto Sans KR', sans-serif; font-weight: bold; }
#header .headerTnb .tnbRight li a span{color: #955251;}

#header .headerTop { margin:0 auto; position:relative; width:1280px; *zoom:1 }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo { margin:50px 210px; text-align:center }

#header .headerBottom {border-bottom: 1px solid #8d6f60;}
#header .headerGnb {position: relative; width:1280px; margin: 0 auto; }
#header .headerGnb .gnbInner { position:relative; width:1027px }
#header .headerGnb .gnbInner ul { *zoom:1 }
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul li { margin:0 27px; position:relative; float:left }
#header .headerGnb .gnbInner ul li:first-of-type{margin-left:0}
#header .headerGnb .gnbInner ul li a { display:block; height:41px; font-size:14px; color:#202020; line-height:41px; white-space:nowrap; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; font-family: 'NanumBarunGothic', sans-serif; }
#header .headerGnb .gnbInner ul li a:before { content:""; position:absolute; left:50%; right:50%; bottom:0; height:3px; z-index:-1; background:#955251; -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 }
#header .headerGnb .gnbInner ul li a:active:before,
#header .headerGnb .gnbInner ul li a:focus:before,
#header .headerGnb .gnbInner ul li a:hover:before { left:0; right:0 }
#header .headerGnb .gnbInner ul li a:hover { *height:39px; *border-bottom:2px solid #000; }
#header .headerGnb .gnbInner ul li a span.heart{display:inline-block; width:16px; height:21px; vertical-align:middle; line-height:21px; margin:5px 2px 5px 0; background:url(/design/josephn/natures/pc/icon/heart_16.png) 0 center no-repeat; background-size:100% auto; }


#header .headerGnb .gnbInner ul li.first { padding-left:0 }
#header .headerGnb .gnbInner ul li.last { padding:0 0 0 40px }
#header .headerBottom .searchArea { position:absolute; top:5px; right:0; width:240px; height:28px; background: #d6bab2; }
#header .headerBottom .searchArea .search { position:relative; width:240px; height:28px }
#header .headerBottom .searchArea .search input { padding-left:15px; width:188px; height:28px; line-height:28px; border:none; background:#d6bab2}
#header .headerBottom .searchArea .search a { display:block; position:absolute; top: 50%; transform: translateY(-50%); right:9px; width:17px; height:16px; text-indent:-9999em; background:url(/design/josephn/natures/pc/icon/searchbtn.png) 0 0 no-repeat }

/* join */
#header .point{left: 3px;  border-radius: 10px; position: absolute; top: 37px;  width: 42px; height: 16px; line-height: 15px; background: #a5bea4; color: #fff; text-align: center; }
#header .point span{position: absolute; top: -8px; left: 50%; margin-left: -4px; width: 8px; height: 4px; color: #a5bea4 !important; }
#header .point em{font-size: 10px; letter-spacing: 1px; font-family: 'Lato', sans-serif;}

/* 측면 플러팅 */
#blk_scroll_wings{display:none!important;}
.r_wing_wrap{display:none; position: absolute; top: 380px; left:50%; z-index: 9; width:180px;  margin-left: 765px;}
.r_wing_wrap .r_wing_content{width:180px;}
.r_wing_wrap .r_wing_content .today_wrap_c{width: 180px;}
.r_wing_wrap .r_wing_content .today_wrap_c h3{padding: 10px; color: #4c4c4c;  font-size: 13px;}

.r_wing_wrap .r_wing_content .today_wrap_c li{display: table;margin-bottom:12px; border: 1px solid #d6d1c9;}
.r_wing_wrap .r_wing_content .today_wrap_c a{display:block;}
.r_wing_wrap .r_wing_content .today_wrap_c a img{width: 180px;}
.r_wing_wrap .btn{border: 1px solid #d6d1c9;}
.r_wing_wrap .btn a{color: #955251;
    font-family: 'NanumBarunGothic', sans-serif;
    padding: 7px 0;
    display: block;}
.r_wing_wrap .r_wing_content .today_wrap_c .btn a img{    display: block;
    margin: 0 auto 7px;}
.r_wing_wrap .r_wing_content .bnr_wrap{border-top:0; width: 180px; text-align: center; border-bottom: 0; background: #fff; padding: 12px;}
.r_wing_wrap .r_wing_content .bnr_wrap .quickBox{font-size: 0; border-top: 1px solid #d6d1c9; border-right: 1px solid #d6d1c9;}
.r_wing_wrap .r_wing_content .bnr_wrap .quickBox div{display: inline-block; width: 88px; padding: 18px 0; border-left: 1px solid #d6d1c9; border-bottom: 1px solid #d6d1c9;}
.r_wing_wrap .r_wing_content .bnr_wrap .quickBox div p{font-size: 12px; color: #a38c81; font-family: 'NanumBarunGothic', sans-serif; padding-top: 10px;}
.r_wing_wrap .r_wing_content .bnr_wrap .centerinfo{text-align: left; padding: 20px 0; border-bottom: 1px dashed #d6d1c9;}
.r_wing_wrap .r_wing_content .bnr_wrap .centerinfo span{color: #955251;
    font-size: 25px;
    display: block;
    margin-bottom: 10px;
    font-family: 'NanumBarunGothic', sans-serif;
    font-weight: bold;}
.r_wing_wrap .r_wing_content .bnr_wrap > div > p{color: #8d6f60;
    font-family: 'NanumBarunGothic', sans-serif;
    line-height: 20px;}
.r_wing_wrap .r_wing_content .bnr_wrap .bankinfo{text-align: left; padding: 20px 0;}
.r_wing_wrap .r_wing_content .bnr_wrap .scroll_event{
    display: block;
    text-align: center;}
    
.r_wing_wrap.on {
position: absolute;
  top: unset !important;
    bottom: 570px;
}
.r_wing_wrap.on .r_wing_content{position: absolute !important; top: unset !important; bottom: -14px !important;}
/* BASIC css end */