@charset "utf-8";

@import url("/mms/global.css");

/* 레이아웃 */
#wrap { position:relative; padding-bottom:90px;}
.header { position:relative; height:45px;}
.header h1 { text-align:center; line-height:0;}
.header h1 a { display:inline-block; padding:12px; line-height:0;}
.header h1 img { width:auto; height:21px;}
.ico { display:inline-block;width:30px;height:30px;background:url(/mms/images/common/ico.png) no-repeat;background-size:90px auto;}
.ico img { width:100%;}
.ico+.txt { display:block; text-align:center; }
.util .lArea { position:absolute; top:0; left:0;}
.util .rArea { position:absolute; top:0; right:0;}
.util a { display:block; padding:0 10px 4px; text-align:center; }
.util .ico { width:22px; height:22px; margin:6px 5px 0; background:url(/mms/images/common/util.png); background-size:44px auto; }
.util .ico.icon01 { background-position:0 0;}
.util .ico.icon02 { background-position:-22px 0;}
.util .ico.icon03 { background-position:0 -22px;}
.header.type02 { background:#f94846; }
.header.type02 h1 { color:#fff; font-size:20px; font-weight:normal; line-height:2.3;white-space: nowrap; margin:0 55px; overflow: hidden; text-overflow: ellipsis; }
.header.type02 .util a { color:#fff;}
.header.type02 .util .ico.icon01 { background-position:0 -88px;}
.header.type02 .util .ico.icon02 { background-position:-22px -88px;}
.header.type03 { background:#f94846; }
.header.type03 h1 { color:#fff; font-size:20px; font-weight:normal; line-height:2.3; margin:0 20px; text-align:left;}
.header.type03 .util .ico.icon02 { background-position:-22px -110px; margin:0;}
.header.type03 .util a { width:60px; height:33px; padding:12px 0 0;}

.util .txt { font-size:8px; line-height:1.1;}
.util .num { position:absolute; top:13px; left:-2px; display:block; width:16px; height:16px; background:#ff5b55; color:#fff; text-align:center; font-size:10px; font-weight:bold; line-height:1.8; border-top-left-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%;}
#search { position:relative; z-index:110;}
#search input[type="text"] { display:block; width:100%; height:30px; padding:3px 30px 0 10px; border:none; border-radius:4px; background:#fff; font-size:12px !important; line-height:1; box-sizing:border-box;}
#search input[type="text"]::-webkit-input-placeholder {color:#aaa;}
#search input[type="text"]:-moz-placeholder { color:#aaa; opacity:1;}
#search input[type="text"]::-moz-placeholder { color:#aaa; opacity:1;}
#search input[type="text"]:-ms-input-placeholder { color:#aaa;}
#search input[type="text"]:placeholder-shown { color:#aaa;}
.searchFieldset { position:relative; padding:5px; background:#e6e6e6; }
.searchFieldset .goPopSear { position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.3; }
.searchFieldset .btnSearch { display:block; position:absolute; top:0;right:5px; padding:10px 5px; line-height:0; }
.searchFieldset .clearTxt { display:block; position:absolute; top:-1px; right:30px; padding:10px 5px; line-height:0; display:none; z-index:120;}
.searchFieldset .ico { width:20px; height:20px; background:url(/mms/images/common/util.png); background-size:44px auto; }
.btnSearch .ico { background-position:-22px -22px; }
.clearTxt .ico { width:37px; height:22px; background-position:right -66px; }
.searchDefault { display:none; position:absolute; top:46px; left:5px; right:5px; background:#fff;}
.searchDefault .tab:after { content:""; display:block; clear:both;}
.searchDefault .tab a { display:block; float:left; width:50%; padding:10px 0 9px; text-align:center; background:#c8c8c8;}
.searchDefault .tab a.on {background:#fff;}
.searchDefault #last,
.searchDefault #popular { margin:5px 10px 2px; }
.searchDefault ul li { position:relative; border-top:1px solid #e6e6e6;}
.searchDefault ul li:first-child { border-top:none;}
.searchDefault li a { display:block; color:#999; font-size:13px;}
.delList { display:block; position:absolute; top:0; right:-10px; padding:10px; line-height:0;}
.delList .ico { width:12px; height:12px; background:url(/mms/images/common/util.png); background-size:44px auto; background-position:0 -44px; }
.searchDefault .item { display:block; padding:9px 0 8px 5px; margin-right:35px; box-sizing:border-box;  }
.searchDefault ol:after { content:""; display:block; clear:both;}
.searchDefault ol li { float:left; width:50%; }
#popular,
#last { overflow:hidden; display:none;}
#popular ol { margin:-1px 0 0 -1px; }
#popular a { padding: 9px 0 8px 5px; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
#popular li:nth-child(even) a { padding-left:10px;}
#popular a span { display:inline-block; margin-right:10px; font-size:11px; color:#ff777c; }

#gnb { overflow:hidden; background:#f94846;}
#gnb:after { content:""; display:block; clear:both;}
#gnb a { display:block; position:relative; width:25%; float:left; padding:5px 0; color:#fff; text-align:center; font-size:16px;}
#gnb a span { display:block; margin:0 5px; padding:6px 0 5px; border-top-left-radius:15px; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
#gnb a:first-child { margin-left:-1px;}
#gnb a:before { content:""; display:block; position:absolute; left:0; top:15px; width:1px; height:10px; background:#ff777c; }
#gnb a.on { font-weight:bold;}
#gnb a.on span { background:#df1921;}
.nav-scrolled #gnb {position: fixed; width: 100%; top: 0;}

#footer { border-top:1px solid #e6e6e6;}
.notice { position:relative; padding:5px 0;}
.notice h2 { width:40px; height:40px; border:2px solid #ffa09d; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; background:url(/mms/images/common/pattern01.png); background-size:5px; color:#fff; font-size:9px; text-align:center; font-weight:normal;}
#footer .notice .ico { width:14px; height:14px; margin:7px 0 1px; }
.notice .swiper-container { position:absolute; top:0; left:0; right:0; width:100%; height: 54px;}
.notice ul a { display:block; height:34px; padding:21px 10px 0 50px; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.linkSet { padding:5px; border-top:1px solid #e6e6e6; background:url(/mms/images/common/pattern02.png); background-size:5px;}
.linkSet .inner { overflow:hidden; background:#fff; border-radius:5px; }
.linkSet .inner:after { content:""; display:block; clear:both;}
.linkSet .inner a { display:block; position:relative; width:25%; float:left; padding:10px 0 7px; font-size:11px; text-align:center; }
.linkSet .inner a:first-child { margin-left:-1px;}
.linkSet .inner a:before { content:""; display:block; position:absolute; left:0; top:15px; width:0; height:22px; border-left:1px dashed #ffa09d; }
.linkSet.three-col .inner a { width:33.333%;}
.linkSet.four-col .inner a { width:25%;}
.linkSet.five-col .inner a { width:20%;}
.linkSet.cate .inner .ico { width:34px; height:34px; margin-bottom:7px; background:none;}
.linkSet.cate .inner .ico img { width:100%;}
.linkSet.cate .inner .txt { padding:0 5px;}
.linkSet .on .txt { color:#333; text-decoration:underline;}
.linkSet .ico.icon01 { background-position:left -234px;}
.linkSet .ico.icon02 { background-position:left -256px;}
.linkSet .ico.icon03 { background-position:left -278px;}
.linkSet .ico.icon04 { background-position:left -300px;}
.linkSet .ico.icon05 { background-position:left -322px;}
.linkSet .ico.icon06 { background-position:left -36px;}
.linkSet .ico.icon07 { background-position:left -58px;}
.linkSet .ico.icon08 { background-position:left -80px;}
.linkSet .ico.icon09 { background-position:left -344px;}
.linkSet .on .ico.icon05 { background-position:right -322px;}
.linkSet .on .ico.icon06 { background-position:right -256px;}
.linkSet .on .ico.icon07 { background-position:right -278px;}
.linkSet .on .ico.icon08 { background-position:right -300px;}
.linkSet .on .ico.icon09 { background-position:right -344px;}
.linkSet .number { margin-top:10px;}
.number { display:inline-block; width:30px; height:30px; background:#e6e6e6; color:#333; border-radius:50%; border-top-right-radius:0; font-size:15px; font-weight:bold; line-height:2;}

.linkBtnSet { padding:5px 2px 0 3px;}
.linkBtnSet ul:after { content:""; display:block; clear:both;}
.linkBtnSet li { float:left; width:50%; box-sizing:border-box; padding:5px 3px 5px 2px;}
.linkBtnSet li a { display:block; position:relative; padding:8px 0 7px 15px; background:#c8c8c8; color:#fff; border-top-left-radius:16px; border-bottom-left-radius:16px; border-top-right-radius:16px; font-size:12px; font-weight:bold;}
.linkBtnSet li a .ico { position:absolute; top:5px; right:15px;}
.linkBtnSet li a .txt { text-align:left;}
.linkBtnSet li a .txt em { font-size:13px;}
.linkBtnSet.bgType02 { padding-top:10px; padding-bottom:10px; /*min-height:250px; margin-bottom:-90px;*/}

.siteInfo { margin-bottom:-90px; padding:10px 10px 90px; background:#e6e6e6; font-size:11px; color:#999; line-height:1.4;}
.siteInfo p { white-space:pre-wrap; word-break:keep-all;}
.siteInfo em { font-size:11px; color:#ccc; font-weight:bold; line-height:1;}
.siteInfo .copy { margin-top:16px; text-align:center; color:#bebebe; font-weight:bold; font-size:12px;}
.siteInfo a { color:#999;}

#footer .ico,
.linkSet .ico,
.floating .ico { width:22px; height:22px; margin-bottom:6px; background:url(/mms/images/common/common.png) no-repeat; background-size:44px auto; }
#footer .icon01 { background-position:0 -14px;}
#footer .icon02 { background-position:0 -36px;}
#footer .icon03 { background-position:0 -58px;}
#footer .icon04 { background-position:0 -80px;}
#footer .icon05 { background-position:0 -102px;}
#footer .icon06 { background-position:0 -124px; }
.floating .icon01 { background-position:-22px -14px;}
.floating .icon02 { background-position:-22px -36px;}
.floating .icon03 { background-position:-22px -58px;}
.floating .icon04 { background-position:-22px -80px;}
.floating .icon05 { background-position:-22px -102px;}
.floating .icon06 { width:30px; height:30px; background:url(/mms/images/common/ico.png) no-repeat; background-size:90px auto; background-position:right -240px;}

.floating { position:fixed; bottom:0; left:0; right:0; overflow:hidden; width:100%; height:50px; background:#828282; z-index:2; }
.floating .ico { margin-bottom:5px;}
.floating:after { content:""; display:block; clear:both;}
.floating a { display:block; position:relative; width:33.333%; float:left; padding:8px 0 5px; color:#fff; font-size:9px; text-align:center;}
.floating a:first-child { margin-left:-1px;}
.floating a:before { content:""; display:block; position:absolute; left:0; top:8px; width:1px; height:34px; background:#8e8e8e; }
.floating .btnType01 { display:inline-block; font-size:16px; width:105px; padding:10px; text-align:left;box-sizing:border-box; }
.floating .btnType01 .ico {margin:0 20px 0 0; }
.floating span { vertical-align:middle;}
.floating .btnType02 { min-width:190px; width:60%; height:40px; margin:5px; font-weight:bold; box-sizing:border-box; background:#ff423b; border-top-left-radius:20px; border-bottom-right-radius:20px; border-top-right-radius:20px; }
.floating .btnType02 .ico {margin:0 10px 0 0; }
.floating .btnType02 .txt { vertical-align:bottom;}
.floating.type02 a:before { display:none;}
.floating.type02 .txt { display:inline-block; font-size:16px;}

.floating.type03 { padding:0 5px; box-sizing:border-box;}
.floating.type03 .txt { display:inline-block; font-size:13px; padding-top:3px; vertical-align:middle;}
.floating.type03 .btnType01 { width:auto; padding:14px 20px;}
.floating.type03 .btnType01 .ico {width:22px; height:22px; margin-right:5px; background:url(/mms/images/common/common.png) no-repeat; background-size:44px auto; }
.floating.type03 .btnType01 .ico.icon01 { background-position:right -124px;}
.floating.type03 .btnType01 .ico.icon02 { background-position:right -146px;}
.floating.type03 a:before { display:none;}
.floating.type03 .btnType01:before { display:block;top:16px; width:0; height:18px; border-left:1px dashed #a0a0a0; background:none;}
.floating.type03 .btnType02 { min-width:116px; width:100%; margin-left:0;}
.floating.type03.half-col .col:last-child { width:38%; }
.floating.type03.half-col .col:first-child { margin-left:-5px;}


/* 서치 레이어 */
.searchOn div.goPopSear { display:none; }
.searchOn .dim,
.searchOn .searchDefault { display:block; }
.searchOn .btnSearch .ico { background-position:-22px -44px}

/*top 버튼*/
.cd-top {display: inline-block;height: 47px;width: 44px;position: fixed;bottom: 50px;right: 10px;overflow: hidden;text-indent: 100%;white-space: nowrap;background: url(/mms/images/common/btn_top.png) no-repeat center 50%;background-size:100%;visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s; z-index:80;}
.cd-top.cd-is-visible, 
.cd-top.cd-fade-out, 
.no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.cd-top.cd-fade-out { /*opacity: .5;*/}
.no-touch .cd-top:hover {background-color: #e86256;opacity: 1;}

/* 토스트 커스텀 */
.toast-success{background-color:#333;}
.toast-bottom-center{bottom:50px;}
#toast-container>.toast-success { padding:15px; background-image:none !important; box-shadow:none;}

/* 박스타입*/
.comp  { margin:10px 10px 20px;}
.comp02  { margin:10px 0 20px;}
.comp03  { margin:40px 0 0;}
.comp04  { margin:20px 10px 20px;}
.block { margin:0 0 10px;}
.block02 { margin:10px;}
.block03 { padding:0 10px 10px;}
.dashBlock { padding:10px 0 0; border-top:1px dashed #e6e6e6;}
.comp .desc { font-size:12px; line-height:1.4;}
.comp .desc+.desc { margin-top:5px; }

.half-col:after { content:""; display:block; clear:both; }
.half-col .col { float:right;}
.half-col .col:first-child { float:left; overflow:hidden}
.half-col.ratio15 .col {width:60%;}
.half-col.ratio15 .col:first-child {width:40%;}
.boxType01 { margin-top:5px;}
.boxType01 .top,
.boxType01 .bottom { height:3px; border-left:7px solid #e6e6e6; border-right:7px solid #e6e6e6; }
.boxType01 .middle { min-height:24px; padding:0 14px; border-left:3px solid #e6e6e6; border-right:3px solid #e6e6e6; }
.boxTt { font-size:15px; line-height: 1.6;}
.boxCont {font-size:15px; }
.boxCont strong {font-size:20px;}
.boxCont em { padding-left:10px; }
.boxType01 .btWrap { margin:-3px 0;}
.boxType02 { width:100%; height:40px; padding:11px 10px 10px 10px;  box-sizing:border-box; border:1px solid #e6e6e6; background:#f5f5f5;font-size:13px; }

.blBox { padding:10px; border-bottom:1px solid #e6e6e6;}
.bdBox { padding:10px; border-bottom:1px dashed #e6e6e6;}
.tlBox { padding:20px 10px; margin:0; border-top:1px solid #e6e6e6;}
.tLine {border-top:1px solid #e6e6e6;}


/* 폼스타일 */
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="time"] { width:100%; height:40px; padding:11px 10px 10px 10px;  box-sizing:border-box; border:1px solid #e6e6e6; background:#f5f5f5;font-size:13px; }
input[type="text"]::-webkit-input-placeholder {color:#999;}
input[type="text"]:-moz-placeholder { color:#999; opacity:1;}
input[type="text"]::-moz-placeholder { color:#999; opacity:1;}
input[type="text"]:-ms-input-placeholder { color:#999;}
input[type="text"]:placeholder-shown { color:#999;}
input.read { background:#fff; color:#333;}
input[type="checkbox"] { display:none;} 
select { width:100%; height:40px; margin:0; padding:11px 40px 10px 10px; color:#333; font-size:13px; -webkit-appearance: none; border:1px solid #e6e6e6; background-color:#ffffff; background-image:url(/mms/images/common/arr_sel.png); background-size:44px auto; background-repeat:no-repeat; background-position:center right;  border-radius:0;}
textarea{ width:100%; height:78px; padding:11px 10px 10px 10px; box-sizing:border-box; border:1px solid #e6e6e6; background:#fff;font-size:13px; font-style:italic; }

.cbType01 label { display:inline-block; width:61px; height:29px; padding:2px; background:#fff; border-top-left-radius:16px; border-bottom-left-radius:16px; border-top-right-radius:16px;}
.cbType01 label i { display:block; height:29px; background:#c8c8c8 url(/mms/images/common/bg_check.png) no-repeat top right; background-size:29px; border-radius:15px; }
.cbType01 input[type="checkbox"]:checked+ label i { background-color:#f94846; background-position:top left;  }

.checkLabel i,
.checkLabel strong,
.checkLabel em,
.checkLabel span { vertical-align:middle;}
.checkLabel strong { font-size:13px; color:#333; }
.checkLabel em { font-size:13px; color:#666; }
.checkLabel span { font-size:11px; color:#999; letter-spacing:-1px; }
.checkLabel label .ico { margin-right:10px; background-position:right -180px;}
.checkLabel input[type="checkbox"]:checked+ label .ico { background-position:right -210px; }
.flowType { display:inline-block; margin-left:20px;}
.flowType:first-child { margin-left:0;}

.inputWrap { position:relative; margin-top:-1px;}
.inputWrap:first-child { margin-top:0;}
.inputWrap .btWrap { position:absolute; top:5px; right:5px; }
.inputWrap input[type="text"],
.inputWrap input[type="password"],
.inputWrap input[type="tel"],
.inputWrap input[type="date"] { padding:11px 78px 10px 10px; }
.inputWrap textarea { border:1px solid #e6e6e6; background:#f5f5f5; font-style:normal; }
.inputWrap .person { position:relative; border:1px solid #e6e6e6; margin-right:40px;}
.inputWrap .person input[type="text"],
.inputWrap .person input[type="tel"] { border:none;  padding: 11px 10px 10px 10px;}
.inputWrap .person input[type="text"] { width:35%; }
.inputWrap .person input[type="tel"] { width:65%; }
.inputWrap .btn { position:absolute; top:5px; right:0;}
.inputWrap .dash { width:0; height:18px; position:absolute; top:10px; left:35%; border-left:1px dashed #ffa09d;}
.inputWrap .del { position:absolute; top:0; right:0; width:40px; height:40px; padding: 14px; box-sizing:border-box;}
.inputWrap .del .ico { width:12px; height:12px; background:url(/mms/images/common/util.png); background-size:44px auto; background-position:0 -44px; }
.inputWrap .double { position:relative; border:1px solid #e6e6e6; background:#f5f5f5 }
.inputWrap .double input { width:35%;  border:none;  padding: 11px 10px 10px 10px;}

/* 타이틀 */
.ttType01 { position:relative; padding:10px; font-size:15px; color:#333; font-weight:normal;background:url(/mms/images/common/pattern02.png); background-size:5px;}
.ttType01 span,
.ttType01 strong,
.ttType02 span { display:inline-block; vertical-align:middle;}
.ttType01 .ico,
.ttType02 .ico { margin-right:8px; }
.ttType01 .ico.icon01 { background-position:0 0;}
.ttType01 .ico.icon02 { background-position:0 -30px;}
.ttType01 .ico.icon03 { background-position:0 -60px;}
.ttType01 .ico.icon04 { background-position:0 -90px;}
.ttType01 .ico.icon05 { background-position:0 -120px;}
.ttType01 .ico.icon06 { background-position:0 -150px;}
.ttType01 .ico.icon07 { background-position:0 -180px;}
.ttType01 .ico.icon08 { background-position:0 -210px;}
.ttType01 .ico.icon09 { background-position:0 -240px;}
.ttType01 .ico.icon10 { background-position:0 -270px;}
.ttType01 .ico.icon11 { background-position:0 -300px;}
.ttType01 .ico.icon12 { background-position:0 -330px;}
.ttType01 .ico.icon13 { background-position:0 -360px;}
.ttType01 .ico.icon14 { background-position:0 -390px;}
.ttType01 .ico.icon15 { background-position:0 -420px;}
.ttType01 .ico.icon16 { background-position:0 -450px;}
.ttType01 .ico.icon17 { background-position:0 -480px;}
.ttType01 .ico.icon18 { background-position:0 -510px;}
.ttType01 .ico.icon19 { background-position:0 -540px;}
.ttType01 .ico.icon20 { background-position:0 -570px;}
.ttType01 .ico.icon21 { background-position:0 -600px;}
.ttType01 .ico.icon22 { background-position:0 -630px;}
.ttType01 .ico.icon23 { background-position:0 -660px;}
.ttType01 .ico.icon24 { background-position:0 -690px;}
.ttType01 .ico.icon25 { background-position:0 -720px;}
.ttType01 .ico.icon26 { background-position:0 -750px;}
.ttType01 .ico.icon27 { background-position:0 -780px;}
.ttType01 .ico.icon28 { background-position:0 -810px;}
.ttType01 .ico.icon29 { background-position:0 -840px;}
.ttType01 .ico.icon30 { background-position:0 -870px;}
.ttType01 .ico.icon31 { background-position:0 -900px;}
.ttType01 .ico.icon32 { background-position:0 -930px;}
.ttType01 .ico.icon33 { background-position:0 -960px;}
.ttType01 .ico.icon34 { background-position:0 -990px;}
.ttType01 .ico.icon35 { background-position:0 -1020px;}
.ttType01 .ico.icon36 { background-position:0 -1050px;}
.ttType01 .ico.icon37 { background-position:0 -1080px;}
.ttType01 .ico.icon38 { background-position:0 -1110px;}
.ttType01+.ttType01,
.linkBtnSet+.ttType01 { margin-top:1px;}
.ttType01 .cbWrap { position:absolute; top:9px; right:10px; }
.ttType01 .btWrap { position:absolute; top:10px; right:10px; }
.ttType01 .txtWrap { position:absolute; top:16px; right:10px; }
.ttType01 + .btnArea { border-top:none;}

.ttType02 { position:relative; margin-bottom:5px; font-size:15px; color:#999; font-weight:normal;}
.ttType02 .ico.icon01 { background-position:center 0;}
.ttType02 .ico.icon02 { background-position:center -30px;}
.ttType02 .ico.icon03 { background-position:center -60px;}
.ttType02 .ico.icon04 { background-position:center -90px;}
.ttType02 .ico.icon05 { background-position:center -120px;}
.ttType02 .ico.icon06 { background-position:center -150px;}
.ttType02 .ico.icon07 { background-position:center -180px;}
.ttType02 .ico.icon08 { background-position:center -210px;}
.ttType02 .ico.icon09 { background-position:center -240px;}
.ttType02 .ico.icon10 { background-position:center -270px;}
.ttType02 .ico.icon11 { background-position:center -300px;}
.ttType02.info { font-size:14px;}
.ttType02.info .ico { float:none;}

.ttType03 { font-size:12px; margin-bottom: 7px;}

.ttType04 { height:30px; padding:9px 10px; box-sizing:border-box; background:url(/mms/images/common/pattern02.png); background-size:5px;}
.ttType04 .col { width:50%; }
.ttType04 h2 { font-size:12px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; padding-right:10px;}
.ttType04 p { position:relative; text-align:right;}
.ttType04 p span { vertical-align:top;}
/*.ttType04 p:before { content:":"; display:block; position:absolute; top:-2px; left:0; font-weight:bold; color:#f94846;}*/

.mypoint { padding-top:5px; font-size:16px; color:#999;}
.mypoint strong { font-weight:normal; }
.mypoint em { padding-left:10px; font-size:15px;}

/* 버튼 타입 */
.btnArea { padding:20px 5px 5px; border-top:1px dashed #e6e6e6;}
.comp02>.btnArea:first-child { padding:0 5px; border-top:none;}
.btnArea a,
a.btnDefault { display:block; height:40px; padding-top:11px; margin:0 5px; text-align:center; color:#fff; font-size:16px; background:#c8c8c8; border-top-left-radius:20px; border-bottom-right-radius:20px; border-top-right-radius:20px;  box-sizing:border-box; }
.btnArea.half-col div { width:50%;}
.btnArea a.type02,
a.btnDefault.type02 { background:#ff423b;}
.btnArea a.type03,
a.btnDefault.type03 { background:#ffa09d;}
a.btnSquare {display:block; width:79px; height:79px; padding-top:31px; text-align:center; color:#fff; font-size:16px; background:#f94846; border-bottom-left-radius:40px; border-bottom-right-radius:40px; border-top-right-radius:40px;  box-sizing:border-box; } 
a.btnM { display:block; height:30px; padding:6px 10px 0; text-align:center; color:#fff; font-size:14px; font-weight:bold; background:#c8c8c8; border-top-left-radius:15px; border-bottom-right-radius:15px; border-bottom-left-radius:15px;  box-sizing:border-box; }
a.btnM.type02{background:#ffa09d;min-width:145px;}
.two-col a.btnM { margin-left:5px;}
.two-col .col:first-child a.btnM:first-child { margin-left:0; margin-right:5px;}
a.sBtn01 { display:inline-block; height:30px; padding:8px 10px 0 10px; border-top-left-radius:15px; border-bottom-left-radius:15px; border-bottom-right-radius:15px; background:#c8c8c8; text-align:center; color:#fff; font-size:14px; font-weight:bold; box-sizing:border-box; letter-spacing:-1px;}
a.sBtn01.tl { border-top-left-radius:0; border-top-right-radius:15px; }
.inputWrap a.sBtn01 { width:70px; padding:8px 0 0 0; }
.btnSet { padding-top:6px;margin-right:40px;}
.btnSet .col .sBtn01,
.sBtn01+.sBtn01 { margin-left:10px; }
.btnSet .col .sBtn01:first-child { margin-left:0; }
.sbtnWrap a.sBtn01 { display:block; }
.half-col.sbtnWrap { margin:0 -5px;}
.half-col.sbtnWrap a.sBtn01 { margin:0 5px;}


/* 탭 */
.tab02 { margin:-10px 0 10px; background:url(/mms/images/common/bg_dash.png); background-size:4px auto;}
.tab02:after { content:""; display:block; clear:both;}
.tab02 a { display:block; float:left; margin:10px 0 11px;text-align:center; font-size:13px; color:#999; box-sizing:border-box;}
.tab02 a span {  display:block; height:33px; box-sizing:border-box; padding-top:8px; box-sizing:border-box; border-bottom-left-radius:17px; border-top-right-radius:17px; border-top-left-radius:17px; }
.tab02 a.on { font-weight:bold; color:#fff;}
.tab02 a.on span {border:2px solid #ffa09d; background:url(/mms/images/common/pattern01.png); background-size:5px;  }
.tab02 a.on strong { color:#fff;}
.tab02.two-col a,
.two-col .col { width:50%; }
.tab02.four-col a { width:25%; }
.tab02.three-col a { width:33.333%; }
.comp02 .tab02 { margin-bottom:0; padding:0 5px 0; background:none; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.noLine { overflow:hidden;}
.noLine .tab02 { margin:-10px 0 -11px; }
.comp + .comp02 .tab02 { margin-top:0;}

/* 테이블 */
th,
td { padding:10px 0 9px; text-align:left; font-size:13px; }
tbody th,
tbody td { border-top:1px dashed #e6e6e6; }
tbody tr:first-child th,
tbody tr:first-child td { border-top:none;}
tbody th { color:#999; font-weight:normal; vertical-align:top;}
thead th { color:#999; border-bottom:1px solid #e6e6e6; }
.sTb th { font-size:12px; }
.sTb td { font-size:11px; }
td .sBtn01 { margin:-5px 0;}
table .fs { font-size:10px;}

/* 상품 리스트 */
.itemList li { border-top:1px solid #e6e6e6;}
.itemList li:first-child {border-top:none; }
.itemList .inner { position:relative; display:block;padding:10px; }
.itemList .imgWrap { float:left; width:80px; height:auto;}
.itemList .txtWrap { padding-left:90px;}
.itemList .btWrap { position:absolute; bottom:10px; right:10px; }
.imgWrap img { width:100%; }
.brandNm { display:block; margin-bottom:2px; font-size:10px; color:#999;}
.itemNm  { height:32px; margin-bottom:2px; font-size:13px; line-height:1.3;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.tagArea { float:left; text-align:center; color:#fff;}
.tagArea:after,
.itemInfo:after,
.inner:after { content:""; display:block; clear:both;}
.tagArea .tag01 { float:left; width:25px; height:25px; padding-top:8px; margin:2px 5px 3px 2px; font-size:10px; background:#aaaaaa; border-bottom-left-radius:13px; border-bottom-right-radius:13px; border-top-left-radius:13px; box-sizing:border-box;}
.tagArea .tag02 { float:left; width:30px; height:30px; padding-top:7px; margin-right:5px; font-size:9px; background:#ff423b; border-bottom-left-radius:15px; border-bottom-right-radius:15px; border-top-right-radius:15px; box-sizing:border-box; font-family:Arial, Helvetica, sans-serif}
.tagArea .tag02 strong { font-size:14px; }
.itemInfo {vertical-align:middle;}
.listInfo { font-size:18px; font-weight:bold; color:#333; line-height:0.9;}
.listInfo02 { font-size:11px;position: absolute;bottom: 14px;left: 85px;}
.priceArea { float:left; padding-top:6px; font-family:Arial, Helvetica, sans-serif;}
.price { font-size:18px; color:#333; font-weight:bold; letter-spacing:-1.5px; font-family:Arial, Helvetica, sans-serif;}
.prevPrice { font-size:11px; color:#999; padding-left:5px;}
.prevPrice em { text-decoration:line-through; }
.itemList .volume { padding:10px 0 0; margin:0 10px ; border-top:1px dashed #e6e6e6;}
.minus,
.plus,
.itemList .volume .num { display:inline-block; width:30px; height:30px; vertical-align:middle;}
.itemList .volume .minus,
.itemList .volume .plus,
.itemList .volume .num {  margin-left:10px;}
.minus .ico,
.plus .ico { display:inline-block;}
.minus .ico { background-position:right -60px;}
.plus .ico { background-position:right -90px;}
.minus.disable .ico { background-position:right -120px;}
.plus.disable .ico { background-position:right -300px;}
.plus.point .ico { background-position:right -150px;}
.itemList .volume .num { padding-top:5px; border:1px solid #c8c8c8; text-align:center; box-sizing:border-box; border-radius:50%; font-size:15px; }
a.disable { cursor:default;}

.itemList.small .imgWrap { width:65px;}
.itemList.small .txtWrap { padding-left:75px;}

/* 상품상세 */
.itemDetail .itemNm { height:39px; font-size:15px;}
.itemDetail .tagArea .tag01 { width:30px; height:30px; padding-top:8px; font-size:13px; font-weight:bold; border-bottom-left-radius:15px; border-bottom-right-radius:15px; border-top-left-radius:15px; }
.itemDetail .tagArea .tag02 { width:35px; height:35px; padding-top:7px; font-size:10px; border-bottom-left-radius:18px; border-bottom-right-radius:18px; border-top-right-radius:18px; font-family:Arial, Helvetica, sans-serif}
.itemDetail .tagArea .tag02 strong { font-size:17px; }
.itemDetail .tagArea .small { font-size:9px; padding-top:11px;}
.itemDetail .price { font-size:25px;}
.itemDetail .prevPrice { font-size:16px; }
.itemDetail .priceArea { padding-top:3px;}
.itemDetail .tagArea .link { font-size:12px; color:#999; white-space:nowrap; padding:10px 0 0 35px; text-decoration:underline; text-align:left;} 
.sns:after { content:""; display:block; clear:both;}
.sns a { display:block; float:left; margin-left:5px;}
.sns .icon01 { background-position:center -150px;}
.sns .icon02 { background-position:center -180px;}
.sns .icon03 { background-position:center -210px;}

/* 꾸미기 */
.couponWrap { background:#e6e6e6; padding:10px;}
.deco img { width:100%; }
.coupon { border:1px solid #b9b9b9;}
.cardWrap {padding:10px 8px; background:#fff;}
.coupon .half-col { border:1px solid #ebebeb; }  
.coupon .half-col .col { width:50%;}
.coupon .half-col .col:first-child { border-right:1px solid #ebebeb; box-sizing:border-box;} 
.banner,
.card { position:relative;}
.banner a,
.card a { position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px;}
.banner a.on,
.card a.on { border:4px solid #f94846; }
.card a { background:url(/mms/images/common/btn_card.png) no-repeat; background-size:100%;}

.thumbWrap { padding:10px 0 10px 10px; background:url(/mms/images/common/pattern02.png); background-size:5px; }
.thumbWrap li img { width:auto; height:50px;}
.thumbWrap #banner li img { width:125px;}
.thumbWrap #card li img { width:50px;}
.thumbWrap .add a { display:block; width:50px; padding-top:5px; margin-left:-10px; font-size:8px; text-decoration:underline; text-align:center; }
.thumbWrap .add .ico { display:block; margin:0 auto 2px; background-position:right 0; }
.thumbWrap .add,
.thumbWrap ul,
.thumbWrap li { float:left; position:relative;}
.thumbWrap li { margin-left:5px;}
.thumbWrap li:first-child { margin-left:0;}
.thumbWrap ul:after,
.thumbWrap .thumbList:after { content:""; display:block; clear:both; }
.thumbWrap .btnSel { display:block; position:absolute; top:0; left:0; right:0; bottom:0;}
.thumbWrap .btnSel.on { border:2px solid #f94846; } 
.thumbWrap .del { display:block; width:20px; height:20px; position:absolute; top:0; right:0; } 
.thumbWrap .del .ico{ display:block; width:20px; height:20px; background-position:right -30px; } 
.thumbWrap .thumbList { display:none;}

.scrollArea { overflow-y:hidden; height:50px; }
.scroller { width:100%; padding-bottom:30px; overflow-x: scroll; overflow-y: hidden;  -webkit-overflow-scrolling: touch; }

/* 로컬 스타일 */
.sale p { margin-bottom:15px; line-height:1.4;}
.noti { font-size:12px; line-height:1.4;}
.noti strong+p,
.noti strong+ul { margin-top:5px;}
.noti li { margin-top:3px;}
.noti a.link { text-decoration:underline; font-style:italic; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.booking:after { content:""; display:block; clear:both; }
.booking .date{ float:left; width:65%; box-sizing:border-box; padding-right:10px;}
.booking .date input[type="text"] { background:#fff;}
.booking .time{ float:left; position:relative; width:35%; padding-right:20px; box-sizing:border-box; }
.booking .time span { display:block; position:absolute; top:10px; right:0; font-size:15px;}

.firstLetterWrap { background: url(/mms/images/common/pattern02.png);background-size: 5px;}
.firstLetter:after { content:""; display:block; clear:both;}
.firstLetter a { display:block; float:left; width:30px; height:30px; margin:10px; padding-top:3px; box-sizing:border-box; background:#fff; text-align:center;border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; font-size:20px; color:#999;}
.firstLetter a.on { font-weight:bold; color:#f94846;}

.addressList { padding:0 10px 50px; border-top:1px solid #e6e6e6;}
.addressList li { position:relative; border-bottom:1px dashed #e6e6e6;}
.addressList label { display:block;}
.addressList label:after { content:""; display:block; clear:both;}
.addressList label .ico { float:left; margin:13px 0; background-position:right -180px; }
.addressList input[type="checkbox"]:checked +label .ico { background-position:right -210px;}
.addressList label p { padding-left:50px; padding-top:7px;}
.addressList label p .name { font-size:15px; }
.addressList label p .tel { display:block; font-size:20px; }
.addressList .btnDel { display:block; position:absolute; top:13px; right:0; width:30px; height:30px; background:url(/mms/images/common/ico.png) no-repeat right -270px;background-size:90px auto;  }

.msgBox { position:relative; margin:15px 10px; min-height:65px; }
.msgBox .msg { margin-right:96px; /*font-size:19px;*/ color:#333; line-height:1.4; }
.msgBox .bg { display:block; position:absolute; top:50%; right:0; margin-top:-32px; width:75px; height:65px; background:url(/mms/images/common/bg_msg.png) no-repeat; background-size:75px auto;}
.msgBox .bg.type02 { background-position:0 -65px; }
.msgBox .bg.type03 { background-position:0 -130px; }
.msgBox .bg.type04 { background-position:0 -195px; }
.msgBox .bg.type05 { background-position:0 -260px; }
.msgBox strong { text-decoration:underline;}
.msgBox .total { margin-bottom:5px;}
.msgBox .total strong { font-size:26px; color:#f94846; text-decoration:none; line-height:1;}

.buyInfo { position:relative;}
.buyInfo .txtWrap { margin-right:100px;}
.buyNum { font-size:11px; color:#999; }
.buyNum strong { display:inline-block; width:20px; padding-right:5px; text-align:right; color:#666; }
.btnShare { position:absolute; top:10px; right:0;}
.btnShare a { display:inline-block; width:39px; height:39px; margin-left:5px; background:url(/mms/images/common/btn_share.png) no-repeat; background-size:82px auto; }
.btnShare a.share01{ background-position:left top;}
.btnShare a.share02{ background-position:right top;}

.payInfo { padding-left:38px; font-size:13px; color:#999; }
.payInfo li { padding-bottom:10px;}
.payInfo h4 { font-weight:normal;}
.payInfo strong { font-weight:normal; color:#666;}
.payInfo em { padding-left:12px;}

.loginWrap { position:relative; margin-bottom:10px;}
.loginWrap .inputWrap input[type="text"], 
.loginWrap .inputWrap input[type="password"] { padding:11px 10px 10px 10px;}
.inputField { margin-right:89px; }
.btnField { position:absolute; top:0; right:0;}
.info:after { content:""; display:block; clear:both;}
.info .ico { float:left; background-position:right -330px;}
.info p { padding-left:40px; line-height:1.4; }
.y-scrollArea { overflow-x:hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; max-height:150px; font-size:12px; line-height:1.6;}

.popBrandList.scrollArea { height:85px; margin-left:-33px; padding:5px 0;}
.popBrandList ul { position:relative; height:85px; padding:0 5px;}
.popBrandList ul:after { content:""; display:block; clear:both;}
.popBrandList li { position:absolute; top:0; padding-left:38px; background:url(/mms/images/common/line_brand.png) no-repeat; background-size:38px auto; }
.popBrandList li:first-child { background:none;}
.popBrandList li a { display:block;}
.popBrandList li img { width:auto; height:85px; }

.cateList ul:after { content:""; display:block; clear:both;}
.cateList ul { background:url(/mms/images/common/pattern02.png); background-size:5px; }
.cateList li { float:left; width:20%; box-sizing:border-box; border:1px solid #e6e6e6; text-align:center; font-size:9px; }
.cateList a { display:block; width:100%; height:0; padding-bottom:100%; color:#999;}
.cateList .icoWrap {padding:15% 25% 8%; }
.cateList img { width:100%; height:auto;}
.cateList a.on { background:#fff; }
.cateList a.on { color:#333;}

.brand { position:relative; padding:10px; min-height:95px; background:url(/mms/images/common/pattern02.png); background-size:5px; }
.brand .imgWrap { position:absolute; top:10px; right:10px; width:95px; height:95px;}
.brand .txtWrap {  padding:10px 107px 0 10px; }
.brand .txtWrap h2 { margin-bottom:10px; font-size:17px; font-weight:normal; color:#333; }
.brand .txtWrap h3 { margin-bottom:3px; font-size:12px; font-weight:normal; }
.brand .txtWrap p { font-size:10px; color:#999;}
.brand .imgWrap img { border-radius:50%;}
.brandList {overflow:hidden;border-bottom:1px solid #e6e6e6;}
.brandList ul {  border-top:1px solid #e6e6e6; margin-bottom:-1px; margin-right:-1px; }
.brandList ul:after { content:""; display:block; clear:both;}
.brandList li { float:left; width:33.333%; box-sizing:border-box; padding-bottom:1px;border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;  }
.brandList li a { display:block; }
.brandList li img { width:100%;}

.popItem { padding:10px 10px 15px; text-align:center; background:url(/mms/images/common/pattern02.png); background-size:5px; margin-top: 1px;}
.popItem:after { content:""; display:block; clear:both;}
.popItem img { border-radius:50%;} 
.popItem a { display:block;}
.best { float:right; width:29%; padding-left:20px; background:url(/mms/images/common/arr_left.png) no-repeat left center; background-size:23px; box-sizing:border-box;} 
.best .bg { display:block; width:44px; height:22px; margin:-1px auto -9px; background:url(/mms/images/common/common.png) no-repeat; background-size:44px auto; background-position:center -212px; }
.best .imgWrap { display:inline-block; width:59px; height:59px; border:3px solid #aaaaaa; border-radius:50%;}
.best p { margin-top:3px; font-size:10px; font-weight:bold; color:#aaa;}
.bestList { float:left; width:71%;}
.bestList:after { content:""; display:block; clear:both;}
.bestList li { float:left; width:30%; margin-right:5px;}
.bestList .imgWrap { display:inline-block; width:65px;}
.bestList p { margin-top:3px; font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bestList .bg { display:block; width:22px; height:22px; margin:-5px auto -5px; background:url(/mms/images/common/common.png) no-repeat; background-size:44px auto; }
.bestList .first .bg { background-position:left -146px; }
.bestList .second .bg { background-position:left -168px; }
.bestList .third .bg { background-position:left -190px; }

pre { word-wrap: break-word; white-space:pre-wrap; font-size:12px; line-height:1.6; }
.txtWrap pre { padding:10px; font-size:12px; line-height:1.6; word-wrap: break-word; white-space:pre-wrap; }
.step li:after { content:""; display:block; clear:both;}
.step li { padding-top:24px; background:url(/mms/images/common/arr_step.png) no-repeat 19px 7px; background-size:17px auto; font-size:12px; line-height:1.4;}
.step li:first-child { background:none; padding-top:0;}
.step .bg,
.custom .bg { display:block; float:left; width:55px; height:55px; background:url(/mms/images/common/pattern03.png); background-size:5px; border-radius:50%; text-align:center;}
.step .bg .imgWrap,
.custom .bg .imgWrap { display:inline-block; width:25px; height:25px; margin-top:15px;}
.step li p { padding:3px 0 0 65px;}
.step li .tt { display:block;}
.custom { padding-top:20px;}
.custom .bg { background:url(/mms/images/common/pattern01.png); background-size:5px; }
.custom .center { padding: 6px 0 0 65px; font-size:12px; }
.custom .tel { margin-bottom:3px; font-size:14px; font-weight:bold; }
.custom .tel a { padding-left:6px; font-size:18px; color:#ff423b;}

.period span { vertical-align:middle; color:#999; font-size:12px;}
.event > a { display:block;;}
.event .period { padding:0 10px 0 7px; background:url(/mms/images/common/pattern02.png); background-size:5px;}
.event .period .ico { margin-right:7px; background-position:right -360px;}
.evtWrap { padding: 10px; font-size: 12px; line-height: 1.6; word-wrap: break-word; white-space: pre-wrap;}

.searchTt { padding:8px 15px 7px; background:#c8c8c8; color:#fff; font-size:13px;}
.searchTt:after { content:""; display:block; clear:both;}
.searchTt .wordArea { float:left; width:80%; }
.searchTt .total { float:right; width:20%; text-align:right;}

.exWrap { background:#e6e6e6; padding:10px 20px 20px 10px;}
.exWrap img { width:100%;}

.addImg .col { width:50%; padding:0 30px; box-sizing:border-box;}
.addImg .col img { width:100%;}
.addImg .btnArea { border-top:none; padding:0; margin-top:20px; width:100%; }
.addImg .btnArea a { margin:0;}

.accordion .ttArea { display:block; position:relative;padding:17px 10px 15px; background: url(/mms/images/common/pattern02.png); background-size: 5px; border-top:1px solid #fff; color:#333;  }
.accordion .ttArea span { display:inline-block; vertical-align:middle; }
.accordion .tilte { overflow:hidden; width:100%; padding-right:90px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box;font-size:13px; }
.accordion .tilte span { font-size:12px; color:#666; }
.accordion .date { position:absolute; top:19px; right:45px; display:block; font-size:11px; color:#666;  }
.accordion .arr { position: absolute; top: 14px; right:12px; width:22px; height:22px; background:url(/mms/images/common/common.png) no-repeat; background-position: left -366px; background-size:44px auto;}
.accordion .on .arr { background-position: right -366px;}
.accordion .q { position:absolute; top:10px; left:10px;background-position: right -390px; }
.accordion.type02 .tilte { padding-left:38px;}
.viewArea { display:none; overflow:hidden; margin:10px; font-size:12px; line-height:1.4; word-wrap:break-word; }
.viewArea p { margin-bottom:5px;}

.empty { text-align:center; padding:35px 10px;}

.return { position:relative; height:40px; box-sizing:border-box; background:#828282; font-size:16px; color:#fff; z-index:115;}
.return .inner {/* position:fixed;*/ width:100%; padding:11px 8px 9px 33px; height:40px; box-sizing:border-box; background:#828282;}
.return .inner> .ico { position:absolute; top:9px; left:8px; width:22px; height:22px; background: url(/mms/images/common/util.png) no-repeat; background-size:44px auto;background-position:left -132px; } 
.return a { position:absolute; top:0; right:0; width:50px; height:40px; padding:9px 14px; box-sizing:border-box; }
.return a .ico { width:22px; height:22px; background: url(/mms/images/common/util.png) no-repeat; background-size:44px auto; background-position:left -110px;}

.mailForm {max-height:310px; }
.mailForm td div { margin:0 auto}
.mailForm td { padding:0; font-size: 14px;}

#pop.useCoupon {  visibility:hidden; background:#e6e6e6;}
#pop.useCoupon .imgWrap { margin:10px 35px; }
#pop.useCoupon img { width:100%; border:1px solid #aaaaaa; box-sizing:border-box;}
#pop.useCoupon .btnArea { padding:0 5px 10px; border-top:none;}
#pop.useCoupon .popbody { position:relative; overflow:hidden; margin-bottom:10px; padding-bottom:32px;}
#pop.useCoupon .swiper-pagination { left:50%; bottom:0; margin-left:-52px; width:104px; height:22px; background:#666; border-radius:11px; font-size:15px; color:#c8c8c8; line-height: 1.5; }
#pop.useCoupon .swiper-pagination-current { color:#fff; font-weight:bold;}
#pop.useCoupon .swiper-button-next, 
#pop.useCoupon .swiper-button-prev { width:46px; height:22px; top:auto; bottom:0;}
#pop.useCoupon .swiper-button-next { background:url(/mms/images/static/arr_next.png) no-repeat; background-size:46px auto;}
#pop.useCoupon .swiper-button-prev { background:url(/mms/images/static/arr_prev.png) no-repeat; background-size:46px auto;}
#pop.useCoupon .controller { border-top:1px dashed #fff;}

 
 
/* 메인 */
.mainBrandList.scrollArea { height:68px; padding:6px 0; background:#c8c8c8;}
.mainBrandList ul {padding:0 5px;}
.mainBrandList ul:after { content:""; display:block; clear:both;}
.mainBrandList li { float:left; margin:0 1px; }
.mainBrandList li a { display:block; padding:5px; background:url(/mms/images/common/pattern02.png); background-size:5px; border-radius:50%;}
.mainBrandList li img { width:58px; height:58px; border-radius:50%; }
.today { padding:10px; background:url(/mms/images/common/pattern04.png); background-size:5px; }
.today .inner { display:block; position:relative; min-height:125px; }
.today .imgWrap { position:absolute; top:0; right:0; width:125px;}
.today .txtWrap { padding-right:145px;}
.today .timeWrap { margin-bottom:5px; margin-left:-10px; font-family:Arial, Helvetica, sans-serif; }
.today .timeWrap:after { content:""; display:block; clear:both; }
.today .timeWrap .tt { float:left; width:62px; height:44px; padding-top:10px; box-sizing:border-box; text-align:center; background:url(/mms/images/common/pattern01.png); background-size:5px; border-top-right-radius:22px; border-bottom-right-radius:22px; border-bottom-left-radius:22px; color:#fff; font-size:12px; line-height:1.1; }  
.today .timeWrap .time { padding:13px 0 0 72px; font-size:17px; color:#ffa09d;}
.today .tagArea .tag02 { width:35px; height:35px; margin-left:17px; padding-top:10px; border-top-left-radius: 18px;border-top-right-radius: 0; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; }
.today .priceArea { padding:0; margin-top:-5px;}
.today .priceArea .price { font-size:20px; }
.today .priceArea .prevPrice { display:block; padding:0; font-size:15px;}
.today .itemNm { margin-top:20px; height: auto; white-space: nowrap; display: block; color:#999; }
.mainItemList { overflow:hidden;}
.mainItemList ul { margin-right:-1px; }
.mainItemList ul:after { content:""; display:block; clear:both;}
.mainItemList li { float:left; position:relative; width:33.333%; box-sizing:border-box; border-right:1px solid #e6e6e6;}
.mainItemList .itemList li:first-child {border-top:1px solid #e6e6e6;}
.mainItemList .itemList .inner { padding:5px 15px;}
.mainItemList .itemList .imgWrap { float:none; width:100%; height:auto;}
.mainItemList .itemList .txtWrap { margin-top:4px; padding:0; text-align:center;}
.mainItemList .brandNm { font-size:10px;}
.mainItemList .itemNm { height:29px; font-size:11px;}
.mainItemList .tagArea { position:absolute; top:0; left:0;}
.mainItemList .priceArea { float:none; text-align:center; padding-top:3px; height:28px;}
.mainItemList .price { display:block; font-size:13px; margin-bottom:-4px;}
.mainItemList li.wide { float:none; width:100%;}
.mainItemList li.wide .inner { padding:0 30px; }
.mainItemList li.wide .imgWrap { float:left; width:50%; height:auto;}
.mainItemList li.wide .txtWrap { float:left; width:50%; margin-top:0; padding:20px 0 0 10px; box-sizing:border-box; text-align:left;}  
.mainItemList li.wide .brandNm { font-size:11px;}
.mainItemList li.wide .itemNm { height:32px; font-size:13px;}
.mainItemList li.wide .priceArea { position:absolute; bottom:20px; left:50%; padding-left:10px;}
.mainItemList li.wide .price { display:inline; font-size:15px;}
.mainItemList li.wide .tagArea { top:10px; }
.mainItemList li.more .inner { padding:0;}
.mainItemList li.more .inner .txtWrap { padding-top:10px; text-decoration:underline; color:#ffa09d;}
.comp02 .mainItemList { margin:-1px 0 -20px; }
.mainItemList .tagArea .tag01,
.mainItemList .tagArea .tag02 { float:none; }
.tag03 { width:44px; height:44px; padding-top:5px; box-sizing:border-box; background:url(/mms/images/common/pattern05.png); background-size:5px; border:2px solid #d1aa53; border-top-right-radius:22px; border-bottom-left-radius:22px; border-bottom-right-radius:22px; font-size:11px; }
.tag03 strong { display:block; font-size:14px;}
.tag04 { width:25px; height:25px; padding-top:3px; box-sizing:border-box; background:url(/mms/images/common/pattern01.png); background-size:5px; border:2px solid #ffa09d; border-top-right-radius:13px; border-bottom-left-radius:13px; border-bottom-right-radius:13px; }

.mainTheme { background:url(/mms/images/common/pattern02.png); background-size:5px; }
.mainTheme ul:after { content:""; display:block; clear:both;}
.mainTheme ul { padding:3px 3px 2px 2px;}
.mainTheme li { float:left; width:33.333%; padding:7px 7px 8px 8px; box-sizing:border-box;}
.mainTheme li img { width:100%;}

.season { position:relative; height:0; padding-bottom:35.9375%;}
.season ul {position:absolute; top:0; left:1%; right:1%; }
.season ul:after { content:""; display:block; clear:both;}
.season li { float:left; width:25%;}
.season li a { display:block; padding:12% 5% 0; }
.season li img { width:100%; height:auto;border-radius:50%; }

.swiper-slide img { width:100%; }
.banner-container { overflow:hidden; padding:11px 20px; background:#d9d9d9 url(/mms/images/static/bg_banner.png) no-repeat left bottom; background-size:100%;}
.banner-container .swiper-slide { width: 90%;}
.theme-container { overflow:hidden; padding:10px; background:#e6e6e6 url(/mms/images/common/pattern02.png); background-size:5px;}
.theme-container .swiper-slide { width: 88%;}
.hotpick-container { overflow:hidden; position:relative;}
.hotpick-container .swiper-slide { width: 100%%;}
.hotpick-container .swiper-pagination-bullet  { width: 50px; height: 50px; text-align: center; line-height: 20px; color:#fff; opacity: 1; background: rgba(0,0,0,0.2);  }
.hotpick-container .swiper-pagination-bullet span { display:inline-block; width: 50px; height: 35px; padding-top:15px; text-align: center; line-height: 20px; color:#fff;  }
.hotpick-container .swiper-pagination-bullet-active {  padding:10px; }
.hotpick-container .swiper-pagination-bullet-active span { color:#000; background: #fff; font-weight:bold; border-radius:50%; border-top-left-radius:0; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}

.underDash { margin:0 10px; padding-top:10px; border-bottom:1px dashed #fff;}
.underDash div:after { content:""; display:block; clear:both;}
.underDash .ico { float:left;}
.underDash .ico.icon01 { background-position:left -510px;}
.underDash .ico.icon02 { background-position:left -540px;}
.underDash p { height:30px; margin-bottom:10px; margin-left:40px; padding:7px 15px 0; box-sizing:border-box; border-radius:20px; border-bottom-right-radius:0; background:#fff; }
.underDash p strong { color:#333;}

.inact { position:absolute; top:0; left:0; right:0; bottom:0; padding:11px 10px; opacity: 1; background: rgba(230,230,230,0.5); text-align:right;}
.inact img { width:93px;}

.receiveCoupon { position:relative; padding:10px; background:#e6e6e6; }
.receiveCoupon .imgWrap { margin:0 51px 0 40px;}
.receiveCoupon .imgWrap img { border:1px solid #cac8c4;}
.receiveCoupon .ico { position:absolute; top:10px; left:10px; background-position:left -570px}
.receiveCoupon .btnShare { position:absolute; top:10px; right:10px;}
.receiveCoupon .btnShare a { display:block; margin-bottom:5px;}

.couponShare { margin:0; padding:10px 10px 20px; }
.couponShare .imgWrap { text-align:center;}
.couponShare .imgWrap img { max-width:160px; border:1px solid #cac8c4;}

.half-col.blBox .total { float:right; height:22px; padding-top:8px;}
.btnDel { display:block;}
.btnDel span { vertical-align:middle;}
.btnDel .ico { background-position:right -270px;}
.btnDel .txt { font-size:13px;}
.btnDel .txt + .ico { margin-left:10px;}

/* 팝업 */
#pop, .pop { position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; z-index:105; background:#fff;}
.popbody  { padding-bottom:50px;}

/* 공 통 */
.dim { position:fixed; top:0; left:0; bottom:0; right:0; background:#000; opacity:0.3; z-index:100; display:none;}
.hdtxt {position:relative;z-index: -1;visibility: hidden; height:0; width:0; font-size:0; line-height:0;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after { content:""; display:block; clear:both;}
.l { text-align:left;}
.c { text-align:center;}
.r { text-align:right;}
.u { text-decoration:underline; }
.i { font-style:italic; }
.point01 { color:#f94846;}
.point02 { color:#333;}
.bgType02 { background:#e6e6e6;}





@media only screen and (min-width: 768px) {
	.cd-top {right: 20px;bottom: 20px;}
	.cateList li { font-size:14px; }
	.cateList .icoWrap { padding: 15% 25% 13%;}
}
@media only screen and (min-width: 1024px) {
	.cd-top {height: 60px;width: 60px;right: 30px;bottom: 30px;}
}