/* BASIC css start */
body{_min-width: 1900px;}

@import url('//fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/* brand grotesque폰트 */
@font-face {
	font-family: "BrandonGrotesque";
	src: url("/design/ddmnail/mochi/font/BrandonGrotesque.eot"); /* IE9 Compat Modes */
	src: url("/design/ddmnail/mochi/font/BrandonGrotesque.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */  url("/design/ddmnail/mochi/font/BrandonGrotesque.otf") format("opentype"), /* Open Type Font */  url("/design/ddmnail/mochi/font/BrandonGrotesque.svg") format("svg"), /* Legacy iOS */  url("/design/ddmnail/mochi/font/BrandonGrotesque.ttf") format("truetype"), /* Safari, Android, iOS */  url("/design/ddmnail/mochi/font/BrandonGrotesque.woff") format("woff"), /* Modern Browsers */  url("/design/ddmnail/mochi/font/BrandonGrotesque.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}
/* futura */
@font-face {
	font-family: 'FuturaBT';
	src: url('/design/ddmnail/mochi/font/FuturaBT.eot');
	src: url('/design/ddmnail/mochi/font/FuturaBT.eot?#iefix') format('embedded-opentype'),  url('/design/ddmnail/mochi/font/FuturaBT.woff2') format('woff2'),  url('/design/ddmnail/mochi/font/FuturaBT.woff') format('woff'),  url('/design/ddmnail/mochi/font/FuturaBT.ttf') format('truetype');
}
@font-face {
	font-family: 'FuturaBT';
	src: url('/design/ddmnail/mochi/font/FuturaBT.eot');
	src: url('/design/ddmnail/mochi/font/FuturaBT.eot?#iefix') format('embedded-opentype'),  url('/design/ddmnail/mochi/font/FuturaBT.woff2') format('woff2'),  url('/design/ddmnail/mochi/font/FuturaBT.woff') format('woff'),  url('/design/ddmnail/mochi/font/FuturaBT.ttf') format('truetype');
}


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/*공통css*/
#loginWrap{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
#loginWrap .mlog-sign .sign{padding-left: 115px !important}

#loginWrap .mlog-sign .mlog{padding-left: 120px !important; width: 530px !important; padding:0; padding-left: 120px !important}

#loginWrap .mlog-sign .frm-list li{text-indent:0 !important}

.new-btn-area a{background:#000 !Important; border:1px solid #000 !Important;}

#passimg, #MSecure_layer1 {
	z-index: 90!important;
}

.prd-brand {
	color: #0d0d0d;
	font-size: 14px;
	font-family: 'lato','Noto sans KR';
	font-weight: 500;
}
.prd-soldout {
	font-size: 19px;
	padding-top: 10px;
	color: #94223e;
	font-weight: normal;
}
.prd-name {
	color: #0d0d0d;
	font-size: 13px;
	font-family: 'lato','Noto sans KR';
	font-weight: 500;
	padding: 7px 0 7px;
}
.prd-subname {
	font-size: 14px;
	padding: 7px 0;
	color: #aaa;
	font-weight: 100;
}
.prd-replace {
	font-size: 19px;
	color: #94223e !important;
	font-weight: normal;
}
.item-list:last-child {
	margin-right: 0 !important;
}
.item-list .thumb .dc {
	z-index: 9
}
.item-list .thumb a {
	display: block;
	margin: 0;
}

.four {
	margin-bottom: 28px;
	margin-right: 28px;
	position: relative;
	width: 306px;
	display: inline-block;
	vertical-align: top;
}
.three {
	position: relative;
	width: 420px;
	display: inline-block;
	vertical-align: top;
	margin-right: 25px;
}
.three:nth-child(3n), .four:nth-child(4n) {
	margin-right: 0
}

.MS_search_word {
	width: 210px;
	height: 34px;
	background: none;
	margin: 2px 10px;
	border: 0;
	text-indent: 5px;
}
a:focus {
	outline: none;
}
.dn {
	display: none !important;
}


/* 사이드 메뉴 */
#scroll-right {
	position: fixed;
	z-index: 99999;
	top: 25%;
	right: 0px;
	background: #fff;
	width: 121px;
	border-left: solid 1px #eaeaea;
	border-top: 1px solid #eaeaea;
}
#scroll-right a {/*line-height: 23px;*/
}
#scroll-right .right_fix_content .topbot {
}
#scroll-right .right_fix_content .topbot a {
	text-align: left;
	width: 100%;
	border-right: 1px solid #e2e4e6;
	display: inline-block;
	text-align: center;
	height: 39px;
	line-height: 39px;
	border-bottom: 1px solid #e2e4e6;
	color: #757575;
	font-family: 'lato','Noto sans KR';
	vertical-align: middle;
	text-indent: 22px;
	text-align: left;
}
#scroll-right .right_fix_content .topbot a:last-child {
	height: 39px;
	line-height: 39px;
	border-bottom: 1px solid #e2e4e6;
}
#scroll-right .right_fix_content .topbot a img {
	padding-right: 13px
}
#scroll-right .right_fix_content .sns {
	text-align: left;
	padding: 0 20px;
}
#scroll-right .right_fix_content .sns img {
	margin-right: 5px;
}
#scroll-right .right_fix_content .cs_center {
	padding: 15px 20px;
}
#scroll-right .right_fix_content .cs_center .title {
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
#scroll-right .right_fix_content .cs_center .num {
	font-size: 24px;
	margin: 10px 0;
	font-weight: 500;
	font-family: 'Heebo', sans-serif;
	color: #1c1c1c;
}
#scroll-right .right_fix_content .cs_center .des {
	color: #808080;
	margin-bottom: 3px;
	font-size: 11px;
	letter-spacing: 0.08em;
}
#scroll-right .right_fix_content .bank .imgbn .bx-wrapper {
	position: relative;
}
#scroll-right .right_fix_content .bank .imgbn .bx-pager {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 6px;
	text-align: center;
}
#scroll-right .right_fix_content .bank .imgbn .bx-pager .bx-pager-item {
	display: inline-block;
	margin: 0 4px
}
*:first-child+html .imgbn .bx-pager .bx-pager-item {
	display: inline
} /* IE7 Hack */
#scroll-right .right_fix_content .bank .imgbn .bx-pager .bx-pager-item a {
	display: block;
	width: 6px;
	height: 6px;
	text-indent: -9999em;
	border: 1px solid #333;
	border-radius: 10px;
}
#scroll-right .right_fix_content .bank .imgbn .bx-pager .bx-pager-item a.active {
	background: #333;
}
#scroll-right .right_fix_content .bank {
	padding: 15px 20px;
	border-bottom: 1px solid #e6e6e6;
}
#scroll-right .right_fix_content .bank .imgbn .fix_bn_slide {
	width: 200px;
	height: 168px;
	overflow: hidden;
}
#scroll-right .right_fix_content .bank .bank_info {
	margin-bottom: 16px
}
#scroll-right .right_fix_content .bank .bank_info a {
	width: 94px;
	height: 30px;
	border: 1px solid #000;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	font-size: 11px;
}
#scroll-right .right_fix_content .myinfo {
	padding: 15px 20px;
	border-bottom: 1px solid #e2e4e6;
}
#scroll-right .right_fix_content .myinfo ul {
	margin-bottom: 27px;
}
#scroll-right .right_fix_content .myinfo ul:last-child {
	margin-bottom: 0px;
}
#scroll-right .right_fix_content .myinfo ul:after {
	display: block;
	clear: both;
	content: ''
}
#scroll-right .right_fix_content .myinfo ul li {
	float: left;
	width: 33.3%;
	text-align: center;
	position: relative;
}
#scroll-right .right_fix_content .myinfo ul li #user_basket_quantity {
	position: absolute;
	top: 0px;
	right: 10px;
	color: #fff;
	background: #000;
	width: 17px;
	height: 17px;
	border-radius: 17px;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
}
#scroll-right .right_fix_content .myinfo ul li a {
}
#scroll-right .right_fix_content .myinfo ul li a .img {
	height: 25px;
	display: block;
	line-height: 25px;
	margin-bottom: 7px;
}
#scroll-right .right_fix_content .myinfo ul li a .img img {
}
.right_fix {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 9999;
	bottom: 0px;
	width: 0px;
	background: #fff;
	border-left: 1px solid #b3b3b3;
}
#scroll-right .right_fix_content {
	position: relative;
	z-index: 40;
	width: 121px;
	background: #fff;
	height: 100%;
}
#scroll-right .right_fix_content .login {
	padding: 15px 20px;
	border-bottom: 1px solid #ebebeb;
}
#scroll-right .right_fix_content .login ul {
}
#scroll-right .right_fix_content .login ul li {
	margin-bottom: 6px;
}
#scroll-right .right_fix_content .login ul li:after {
	display: block;
	clear: both;
	content: ''
}
#scroll-right .right_fix_content .login ul li .title {
	width: 32px;
	float: left;
	height: 30px;
	line-height: 30px;
}
#scroll-right .right_fix_content .login ul li .content {
	width: 167px;
	float: left;
	height: 30px;
	line-height: 30px;
}
#scroll-right .right_fix_content .login ul li .content .MS_login_id {
	width: 90%;
	padding: 0 4%;
	height: 28px;
	color: black;
	border: 1px solid #ccc;
}
#scroll-right .right_fix_content .login ul li .content .MS_login_pw {
	width: 90%;
	padding: 0 4%;
	height: 30px;
	color: black;
	border: 1px solid #ccc;
}
#scroll-right .right_fix_content .login .btn {
	margin-top: 13px;
}
#scroll-right .right_fix_content .login .btn a {
	color: #fff;
	width: 94px;
	height: 32px;
	line-height: 32px;
	background: #383838;
	display: inline-block;
	text-align: center;
	font-size: 11px;
}
#scroll-right .right_fix_content .login .btn:after {
	display: block;
	clear: both;
	content: ''
}
#scroll-right .right_fix_content .login .btn a.join {
	float: left;
	margin-right: 11px;
}
#scroll-right .right_fix_content .login .btn a.log {
	float: left;
}
#scroll-right .right_fix_content .right_fix_btn {
	width: 42px;
	position: absolute;
	top: 40%;
	left: -42px;
	z-index: 20;
	cursor: pointer;
}
#scroll-right .right_fix_content .right_fix_btn.close {
	background: url(/design/nubizio777/renewal/img/right_fix_close_btn.png) no-repeat;
}
#scroll-right .right_fix_content .right_fix_btn.close img {
	display: none;
}
#scroll-right .right_fix_content .login .user_info {
}
#scroll-right .right_fix_content .login .user_info .name {
	font-weight: bold;
	margin-bottom: 15px;
}
#scroll-right .right_fix_content .login .user_info .reserve {
}
#scroll-right .right_fix_content .login .user_info .deposit {
}
#scroll-right .right_fix_content .login .user_info .coupon {
}
#scroll-right .right_fix_content .login .user_info p {
	margin-bottom: 10px;
}
#scroll-right .right_fix_content .login .user_info p:after {
	display: block;
	clear: both;
	content: ''
}
#scroll-right .right_fix_content .login .user_info p .title {
	float: left;
	width: 50%;
	text-align: left;
	font-size: 11px;
	color: #000;
}
#scroll-right .right_fix_content .login .user_info p .con {
	float: left;
	width: 50%;
	text-align: right;
	font-size: 11px;
	color: #000;
	font-weight: bold;
}


/*측면스크롤*/

#blk_scroll_wings {
	display: none!important;
}
.r_wing_wrap {
	margin: 0;
	padding: 0;
}
.r_wing_wrap .r_wing_content {
	width: 120px;
	background: #fff;
}
.r_wing_wrap .r_wing_content .today_wrap_c {
	width: 120px;
	text-align: center;
	border-bottom: 1px solid #e7e7e7;
}
.r_wing_wrap .r_wing_content .today_wrap_c h3 {
	padding: 10px;
	color: #000000;
	font-size: 13px;
	font-family: 'Spoqa Han Sans';
	font-weight: 500;
}
.r_wing_wrap .r_wing_content .today_wrap_c li {
	display: table;
	padding-bottom: 5px;
}
.r_wing_wrap .r_wing_content .today_wrap_c a {
	display: block;
}
.r_wing_wrap .r_wing_content .today_wrap_c a img {
	width: 85px;
}
.r_wing_wrap .r_wing_content .bnr_wrap {
	width: 120px;
	text-align: center;
	border-bottom: 0;
}
.r_wing_wrap .r_wing_content .bnr_wrap .scroll_event {
	display: block;
	text-align: center;
}
.r_wing_wrap .r_wing_content .bnr_wrap ul li a {
	display: block;
	text-align: center;
	border-bottom: 1px solid #eaeaea;
	padding: 12px 0;
	color: #585858;
	font-size: 13px;
	font-family: 'Spoqa Han Sans';
}
.r_wing_wrap .r_wing_content .bnr_wrap a.heassal p {
	display: block;
	height: 100px;
	vertical-align: bottom;
	line-height: 165px; /*font-weight: bold;*/
	color: #000;
}
.r_wing_wrap .r_wing_content .bnr_wrap .btn {
	display: table;
	width: 100%;
	margin-top: -1px;
	border-bottom: 1px solid #e7e7e7;
}
.r_wing_wrap .r_wing_content .bnr_wrap .btn a {
	width: 50%;
	height: 40px;
	line-height: 40px;
}
.r_wing_wrap .r_wing_content .bnr_wrap .btn a img {
	vertical-align: middle;
}
#go_top {
	float: left;
}
#go_bottom {
	float: right;
	border-left: 1px solid #e7e7e7;
	margin-right: -1px;
}
.clear_w:before, .clear_w:after {
	content: '';
	float: none;
	clear: both;
	display: table;
*zoom:1;
}


/*띠배너*/
#topBnr {
max-width: none !important;
    margin:0 auto;

	text-align: center;
	line-height: 90px;
    overflow:hidden;
}
#topBnr .bnr {
	position: relative;
}
#topBnr .bnr a {vertical-align: top; display:block; width:100%;
}
#topBnr .bnr a img {
width:100%;
}
#topBnr p {
	position: absolute;
	right: 0;
	cursor: pointer;
	top:50%; 
    transform:translateY(-50%)
}

/*상단미니gnb*/
#topGnb {
	display: table;
	width: 100%;
}
#topGnb .gnbwrap {
	width: 1310px;
	margin: 0 auto;
}
#topGnb .gnbwrap ul.sns {
	float: left;
}
#topGnb .gnbwrap ul.sns li {
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
#topGnb .gnbwrap ul.sns li a {
	color: #fff;
	font-family: initial !important;
	padding: 0 4px;
}
#topGnb .gnbwrap ul.info {
	float: right;
}
#topGnb .gnbwrap ul.info li {
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
#topGnb .gnbwrap ul.info li.join {
	position: relative
}
#topGnb .gnbwrap ul.info li.join #point {
	position: absolute;
	left: 5px;
	top: 28px;
	z-index: 999;
	background: url(/design/ddmnail/mochi/img/joinpoint.png) center no-repeat;
	background-size: 53px 21px;
	width: 53px;
	height: 21px;
	line-height: 23px;
	text-align: center;
	font-size: 11px;
	color: #ffffff;
	font-family: lato !important;
	font-family: normal;
}
#topGnb .gnbwrap ul.info li.mp {
	position: relative;
}
#topGnb .gnbwrap ul.info li.mp .arrow {
	background: url(/design/ddmnail/mochi/img/arrow.png) no-repeat;
	background-position: 73px 7px;
}
#topGnb .gnbwrap ul.info li.mp .arrow.open {
	background-size: 8px 4px;
	background: url(/design/ddmnail/mochi/img/arrow_open.gif) no-repeat;
	background-position: 73px 7px;
}
#topGnb .gnbwrap ul.info li.mp .mp-open {
	display: none;
	position: absolute;
	top: 34px;
	left: 0;
	z-index: 999;
	border: 1px solid #d5d5d5;
	padding: 9px 10px;
	background: #fff;
	text-align: center;
}
#topGnb .gnbwrap ul.info li.mp .mp-open a {
	display: block;
	word-break: keep-all;
	padding: 5px 8px;
}
#topGnb .gnbwrap ul.info li a {
	padding: 0 10px;
	font-family: 'Malgun Gothic' !important;
	font-size: 12px;
	color: #7b7b7b;
}
#topGnb .gnbwrap ul.info li a img {
	padding: 0 4px;
}

/*상단시작*/

header{margin:0 !important}
.header_wrap {
	width: 1310px;
	position: relative;
	margin: 0 auto;
}
.header_wrap .header_content {
	width: 100%;
	position: relative;
	z-index: 13;
}
.header_wrap .header_content .top_menu {
	width: 1310px;
	height: 33px;
	margin: 0 auto;
}
.header_wrap .header_content .top_menu .book_mark {
	float: left;
	margin-top: 11px;
}
.header_wrap .header_content .top_menu .book_mark img {
	margin-right: 7px;
	position: relative;
	top: -2px;
}
.header_wrap .header_content .top_menu .logmenu {
	float: right;
}
.header_wrap .header_content .top_menu .logmenu li {
	width: 65px;
	display: inline-block;
*display:inline;
}
.header_wrap .header_content .top_menu .logmenu li.cate_01 {
	font-weight: bold;
	width: 60px;
	height: 33px;
}
.header_wrap .header_content .top_menu .logmenu li.cate_02 {
	width: 47px;
	height: 33px;
}
.header_wrap .header_content .top_menu .logmenu li.cate_03 {
	width: 55px;
	height: 33px;
	position: relative;
	z-index: 2;
}
.header_wrap .header_content .top_menu .logmenu li.cate_04 {
	width: 71px;
	height: 33px;
}
.header_wrap .header_content .top_menu .logmenu li.cate_05 {
	width: 77px;
	height: 33px;
}
.header_wrap .header_content .top_menu .logmenu a {
	display: block;
	font-size: 12px;
	color: #6c6c6c;
	line-height: 100%;
	height: 33px;
	width: 100%;
	text-align: center;
	line-height: 3em;
}
.header_wrap .header_content .top_menu .logmenu .logm_sub {
	display: none;
	position: absolute;
	top: 33px;
	left: -1px;
	z-index: 2;
	background: #efeeee;
	border: 1px solid #d4d4d4;
	width: 112px;
}
.header_wrap .logo_wrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 12;
	overflow: hidden;
	background: #fff;
}
.header_wrap .logo_wrap .sub_logo {
	width: 228px;
	float: left;
	margin-top: 41px;
}
.header_wrap .logo_wrap .sub_logo span {
	display: block;
}
.header_wrap .logo_wrap .sub_logo span.sub_logo_etf {
	margin-bottom: 11px;
}
.header_wrap .logo_wrap .logo {
	margin: 45px auto;
	z-index: 2;
	text-align: center;
}
#side_search {
	display: inline-block;
	width: 262px;
	position: relative;
	background: #d5d5d5;
	position: absolute;
	right: 0;
	bottom: 15px;
}
#side_search .sch_btn {
	right: 15px;
	position: absolute;
	top: 6px;
}
#side_search .sch_btn {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
}
/*상단*/
header {
	border-bottom: 1px solid #eaeaef;
}
.header_wrap .menu_wrap {
    width: 100%;
    height: 60px;
    line-height:60px
    
}
.header_wrap .menu_wrap.fixed {
	border-bottom: 1px solid #eaeaef;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	background: #fff
}
.header_wrap .menu_wrap.fixed .gnb_sub {
	top: 55px
}
#gnb.gnb_stop {
	position: fixed;
	z-index: 300;
	left: 0;
	top: 0;
	width: 100%
}
#gnb .gnb_view {
	position: relative;
	z-index: 300;
	min-width: 1050px;
	background-color: #fff;
	letter-spacing: -0.3px
}

/* 검색창 */
#gnb .gnb_search {
	position: absolute;
	right: 0;
	top: 18px;
	width: 238px
}
#gnb .gnb_search .inp_search {
	width: 238px;
	height: 36px;
	padding: 0 50px 0 20px;
	border: 1px solid #f7f7f6;
	border-radius: 18px;
	background-color: #f7f7f7;
	font-weight: 400;
	font-size: 12px;
	color: #666;
	line-height: 16px;
	outline: none
}

#gnb .gnb_search .inp_search.focus {
	background-color: #fff;
	color: #333
}
#gnb .gnb_search .btn_search {
	position: absolute;
	right: 10px;
	top: 6px;
}

/* 상단GNB메인 */
#gnb .gnb_main {
	width: 1310px;
	margin: 0 auto;
	position: relative;
}
#gnb .gnb_main .gnb {
    width:100%;
    display:flex; 
    justify-content:space-between;
	/*float: left;
	width: 100%*/
}

#gnb .gnb_main .gnb li{margin-right: 42px; display: inline-block;}

#gnb .gnb_main .gnb li:nth-last-child(1){margin-right:0}

#gnb .gnb_main .gnb .lst {
	background: none
}
#gnb .gnb_main .gnb a {overflow: hidden;
    float: left;
    height: 60px;
    /* padding: 15px 0px 0 42px; */
    font-size: 16px;
    color: #333;
    line-height: 62px;
    font-family: 'lato','Noto sans KR';
}

#gnb .gnb_main .gnb a span{
    padding: 15px 0px 0 0px;}

#gnb .gnb_main .gnb li a em {
	display: inline-block;
	width: 1px;
	height: 14px;
	background: #dadadd;
	margin-left: 52px;
	margin-top: -1px;
	vertical-align: middle;
	margin-right: 19px;
}
#gnb .gnb_main .gnb a span.gray {
	color: #3b3b3b;
}
#gnb .gnb_main .gnb a span.red {
	color: #ff8e95;
	font-size: 15px;
	font-family: 'Spoqa Han Sans';
}
 #gnb .gnb_main .gnb a:hover, #gnb .gnb_main .gnb a.on
}
#gnb .gnb_main .gnb a:hover .txt {
	border-bottom: 1px solid #6b3590
}
#gnb .gnb_main .menu1 a {
	padding-left: 0
}
#gnb .gnb_main .menu1 .ico {
	float: left;
	width: 22px;
	height: 18px;
	margin: 23px 6px 0 0;
	background: url(/design/ddmnail/mochi/img/ico_gnb_all.png) no-repeat;
    padding: 0;
}
#gnb .gnb_main .menu1 a.on .ico,  #gnb .gnb_main .menu1 a.on .txt {
	_color: #bbb
}
#gnb .gnb_main .menu1 a.on .txt, #gnb .gnb_main .menu1 a:hover .txt, #gnb .gnb_main .menu1 .txt {
	float: left;
	border-bottom: 0;
    padding-top: 0;
}
/* GNB서브 */
#gnb .gnb_sub {
	background: #fff;
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 301;
	left: -25px;
	top:60px;
	padding-top: 1px;
	border: 1px solid #ddd;
}
#gnb .gnb_sub .inner_sub {
	margin-top: -1px;
	padding-top: 45px;
    padding-bottom:50px;
	width: 1345px;
	margin: 0 auto;
	background: #fff;
	font-size: 0;
	border-top: 0;
	background-size: contain;
}

#gnb .gnb_sub .inner_sub .banner {
	display: inline-block;
	margin-left: 40px;
	margin-right: 60px;
}

#gnb .gnb_sub .inner_sub .menu_sub{
    width:90%;
    display: inline-block;
    vertical-align: top;
}

#gnb .gnb_sub .inner_sub .banner a {}

#gnb .gnb_sub .gnb_menu {
    width: 105px;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    margin-bottom: 80px;
}


#gnb .gnb_sub .gnb_menu li {
	width: 100%;
	text-align: left
}
#gnb .gnb_sub .gnb_menu li:first-child {
	padding-top: 0
}
#gnb .gnb_sub .menu {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 40px;
	padding: 8px 0 10px 0;
	cursor: pointer
}
#gnb .gnb_sub .gnb_menu li:first-child .menu {
	height: unset;
	padding-top: 0;
}
#gnb .gnb_sub .current .menu {
	background: #f7f7f7
}
#gnb .gnb_sub .current .txt, #gnb .gnb_sub .menu.on.off:hover .txt, #gnb .gnb_sub .menu.on .txt {
	font-weight: 700;
	color: #94223e
}
#gnb .gnb_sub .ico {
	float: left;
	width: 24px;
	height: 24px
}
#gnb .gnb_sub .ico img {
	width: 24px;
	height: 24px
}
#gnb .gnb_sub .ico .ico_off {
	display: block
}
#gnb .gnb_sub .ico .ico_on {
	display: none
}
#gnb .gnb_sub .current .ico_off, #gnb .gnb_sub .menu.on .ico_off, #gnb .gnb_sub .menu:hover .ico_off {
	display: none
}
#gnb .gnb_sub .current .ico_on, #gnb .gnb_sub .menu.on .ico_on, #gnb .gnb_sub .menu:hover .ico_on {
	display: block
}
#gnb .gnb_sub .ico_arrow {
	display: none;
	float: right;
	width: 16px;
	height: 17px;
	padding: 6px 9px 0 0
}
#gnb .gnb_sub .ico_arrow img {
	width: 7px;
	height: 11px
}
#gnb .gnb_sub .current .ico_arrow {
	display: block
}
#gnb .gnb_sub .txt {
	float: left;
	padding: 0 4px 0 0px;
	font-size: 16px;
	color: #202020;
	font-family: 'Roboto Condensed', sans-serif;
	white-space: nowrap;
	font-weight: 500;
	letter-spacing: 0px;
}
#gnb .gnb_sub .ico_new {
	overflow: hidden;
	float: left;
	width: 14px;
	height: 14px;
	margin-top: 5px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px
}
#gnb .gnb_sub .sub_menu {
}
#gnb .gnb_sub .sub_menu .box {
}
#gnb .gnb_sub .sub_menu .box a {
	display: block;
	border: 1px solid #eee;
	margin-bottom: 5px;
	text-align: center;
	height: 33px !important;
	line-height: 34px;
	padding: 0 7px;
	font-family: 'Lato', sans-serif;
	color: #989898;
	font-size: 13px;
	margin-top: 9px;
}
#gnb .gnb_sub .current .sub_menu {
	z-index: 1;
	opacity: 1;
	transition: opacity 0.5s
}
#gnb .gnb_sub .sub_menu .sub {
	display: block;
	overflow: hidden;
	padding: 7px 0;
	font-size: 14px;
	color: #989898;
	cursor: pointer;
	white-space: pre;
	text-overflow: ellipsis;
	font-family: 'Spoqa Han Sans'
}


/* BASIC css end */