@charset "utf-8";
@import url("lib/font.css");


/* HTML Default */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; line-height:1.4em; box-sizing:border-box; font-weight:300;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section { display: block; }
body {padding:0;margin:0;box-sizing:border-box; font-family: 'Noto Sans', sans-serif; font-size:14px; color:#666;}
body {width:100%; -webkit-text-size-adjust: none;}
h1, h2, h3, h4, h5, h6 { font-weight:300; } 
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
table { border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%;}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
a:link, a:visited, a:hover, a,active, a:focus { text-decoration:none; cursor:pointer; color:rgba(0,0,0,0.65);}
legend, caption { display:none; }
textarea {resize:vertical; font:inherit; overflow-y:auto; box-sizing:border-box; -webkit-appearance:none; -webkit-border-radius:0px;}
input, select { color:inherit; font:inherit; vertical-align: middle; box-sizing:border-box;}
address, i { font-style:normal; }
img, select, input, button { vertical-align:middle; }
button {outline:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-appearance:none; -webkit-border-radius:0px;}
em { font-style:normal; }
input { font-family: 'Noto Sans', sans-serif;}

html, body {background:#fff;}


/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:13px;
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size:13px;
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size:13px;
  /* color: rgba(153,153,153,0.1); */
  color: #999;
}
:-moz-placeholder { /* Firefox 18- */
  font-size:13px;
  color: #999;
}


.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}

.fl { float:left;}
.fr { float:right;}

.clear { clear:both;}

.vt { vertical-align:top;}
.vm { vertical-align:middle;}
.vtb { vertical-align:text-bottom;}

.dpi { display:inline !important;}
.dpb { display:block !important;}
.dpib { display:inline-block !important;}
.dpn { display:none !important;}

.bold {font-weight:bold !important;}

.clearFixed:after { content:''; display:block; clear:both;}

.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.blind { overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0;}

.under {text-decoration:underline !important;}

.mNone {display:none !important;}


/* common class */
.pd0 {padding:0 !important;}

.pt0 {padding-top:0 !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt8 {padding-top:8px !important;}
.pt9 {padding-top:9px !important;}
.pt10 {padding-top:10px !important;}
.pt12 {padding-top:12px !important;}
.pt13 {padding-top:13px !important;}
.pt17 {padding-top:17px !important;}
.pt20 {padding-top:20px !important;}
.pt26 {padding-top:26px !important;}
.pt28 {padding-top:28px !important;}
.pt30 {padding-top:30px !important;}
.pt36 {padding-top:36px !important;}

.pl0 {padding-left:0px !important;}
.pl4 {padding-left:4px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}

.pb0 {padding-bottom:0 !important;}
.pb3 {padding-bottom:3px !important;}
.pb6 {padding-bottom:6px !important;}
.pb7 {padding-bottom:7px !important;}
.pb9 {padding-bottom:9px !important;}
.pb12 {padding-bottom:12px !important;}
.pb14 {padding-bottom:14px !important;}
.pb15 {padding-bottom:15px !important;}
.pb16 {padding-bottom:16px !important;}
.pb17 {padding-bottom:17px !important;}
.pb18 {padding-bottom:18px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb50 {padding-bottom:50px !important;}
.pb70 {padding-bottom:70px !important;}
.pb150 {padding-bottom:150px !important;}

.pr5 {padding-right:5px !important;}

.mt-1 {margin-top:-1px !important;}
.mt0 {margin-top:0 !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt17 {margin-top:17px !important;}
.mt18 {margin-top:18px !important;}
.mt19 {margin-top:19px !important;}
.mt20 {margin-top:20px !important;}
.mt21 {margin-top:21px !important;}
.mt23 {margin-top:23px !important;}
.mt24 {margin-top:24px !important;}
.mt25 {margin-top:25px !important;}
.mt26 {margin-top:26px !important;}
.mt28 {margin-top:28px !important;}
.mt30 {margin-top:30px !important;}
.mt31 {margin-top:31px !important;}
.mt32 {margin-top:32px !important;}
.mt33 {margin-top:32px !important;}
.mt34 {margin-top:34px !important;}
.mt35 {margin-top:35px !important;}
.mt36 {margin-top:36px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt60 {margin-top:60px !important;}

.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb16 {margin-bottom:16px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb50 {margin-bottom:50px !important;}

.wd100per {width:100%;}
.wd40 {width:40px !important;}

.h80 {height:80px;}

.fs11 {font-size:11px !important; line-height:14px !important;}
.fs12 {font-size:12px !important; line-height:16px !important;}
.fs14 {font-size:14px !important; line-height:18px !important;}

.roboto {font-family:'Roboto'; font-weight:400;}
.pointColor {color:#9d836a !important;}
.pointColor2 {color:#e66045 !important;}
.pointColor3 {color:#999 !important;}
.pointColor4 {color:#666 !important;}
.pointColor5 {color:#5d88de !important;}
.pointMark {display:inline-block; padding-right:20px; background:url(/resource/images/mo/common/icon/icon_point.png) no-repeat right center; background-size:15px 15px; line-height:15px; font-family:'Roboto'; font-weight:bold; font-size:14px; color:#e66045;}
.pointMark.red {background:url(/resource/images/mo/common/icon/icon_point_red.png) no-repeat right center; background-size:13px 13px;}
.notiRed {font-size:11px; color:#e66045;}
.notiMark {position:relative; padding-left:15px; font-size:12px; line-height:16px;}
.notiMark:before {content:'※'; position:absolute; top:0; left:0;}
.starmark {color:#e55649;}

.colorRed {color:#dc5b51 !important;}
.colorAqua {color:#3e52a6 !important;}
.colorPurple {color:#9c4ac7 !important;}
.colorGold {color:#c69d5b !important;}
.colorOrange {color:#f1924c !important;}
.colorPlatinum {color:#666 !important;}
.colorDiamond {color:#999 !important;}
.colorBlack {color:#333 !important;}

.fullWidth {width:calc(100% + 32px) !important; margin-left:-16px !important;}
.listNone {margin:90px 0 137px 0; padding-top:66px; text-align:center; color:#999; background:url(/resource/images/mo/common/icon/icon_list_none.png) no-repeat center top; background-size:47px 57px;}
.listNone.none {padding:50px 0;margin:0;background:none;}
.listNone + * {margin-top:0 !important; padding-top:0 !important;}
.exMark {padding-top:60px; text-align:center; font-weight:bold; line-height:18px; color:#333; background:url(/resource/images/mo/common/icon/icon_exmark.png) no-repeat center top; background-size:43px 43px;}

.bx-clone {display:none;}

.dot {overflow:hidden;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.dot {display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
}
html body {word-break:break-all;}
html[lang="ko"] body, html[lang="en"] body {word-break:keep-all;}